@font-face {
    font-family: 'din-alternate-bold';
    src:  url('../fonts/DINAlternateBold/DINAlternateBold.ttf') format('truetype'),
    	   url('../fonts/DINAlternateBold/DINAlternateBold.otf') format('otf');
}

@font-face {
    font-family: 'fontawesome';
    src: url('../fonts/FontAwesome/fontawesome-webfont.eot') format('eot'),
    	url('../fonts/FontAwesome/fontawesome-webfont.woff') format('woff'),
    	url('../fonts/FontAwesome/fontawesome-webfont.ttf') format('truetype'),
    	url('../fonts/FontAwesome/fontawesome-webfont.svg') format('svg');
}

body {
    background-color: #CFDCDA !important; /*EEEEEE*/
     background-size: 200px !important;
}

.wrapper {
	margin-top: 50px;
  margin-bottom: 50px;

}

.form-signin {
  max-width: 380px;
  padding: 15px 35px 45px;
  margin: 0 auto;
  background-color: rgba(255,255,255,0.5);
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 10px;
}

header
{
    background-color: #CFDCDA;
}

#firstTable{
    max-width: 380px;
    padding: 15px 35px 45px;
    margin: 0 auto;
}

#name {
    color: #FFFFFF;
    font-family: 'din-alternate-bold';
    font-size: 33px;
}

#subName {
    color: #FFFFFF;
    font-family: 'din-alternate-bold';
    font-size: 20px;
}

.valid {
    background-color: #467E88 !important;
    border-color: #467E88 !important;
}


.icon2{
	font-size: 70px;
	font-family: 'fontawesome';
	color: #FFFFFF !important;
    margin: 10px;
}

.link-white {
    color: #FFFFFF !important;
}


 .vert{
  height: 170px;
  padding: 10px;
  background-clip: content-box;
  background-color: #13979A !important;
  border-radius: 60px;
}