html{height:100%}
body{
font-family: 'Lato', sans-serif;
	font-size:100%;
	height: 100%;       
	    background: #3f8eb0;
}  

.clear{
	clear:both;
}

.left{
	float:left;
	
}              

.right{
	float:right;
} 

.logo{
	    margin: 25px auto 15px;
}      



.top {
    text-align: center;
    background: #3f8eb0;
    color: #cfebec;
    display: table;
    margin: 0 auto;
    height: 45%;
    border-bottom: 2px solid #46a5ce;
    width: 100%;
}  

.top-box{
	display: table-cell;
	    vertical-align: middle;
}

.bottom{
	background: #176e93 url("http://static-exaude.s3.amazonaws.com/images-intro/pattern.png") repeat  ;  
	height:55%;  
	display: inline-block;
    width: 100%;
}        

.welcome{
	font-size:29px;
}

.payoff{        
	font-style:italic;
	font-size:20px;  
	letter-spacing: 4px;
    font-weight: 300;
    font-style: italic;
}   

.bottom-box{
	text-align:center;        
	color: #cfebec;   
}
	
.select{
    font-size: 20px;
    letter-spacing: 1px;
    font-weight: 100;
    margin-top: 55px;
    margin-bottom: 15px;
}       
 
ul{
    text-align: center;
    display: inline-block;
    /* border: 1px solid red; */
    margin: 0 auto;
    background: #ffffff63;
    padding: 10px;
    border-radius: 10px;
}

li{
    float: left;
    margin: 0 12px;
}       

li a img{
	-webkit-transform: scale(0.8);
	    -moz-transform: scale(0.8);
	    -o-transform: scale(0.8);
	    -webkit-transition-duration: 0.5s;
	    -moz-transition-duration: 0.5s;
	    -o-transition-duration: 0.5s;
}  


li a img:hover{ 
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);	
	}



footer{
	text-align:center;   
	padding:20px;    
	line-height: 27px;
    		font-size:15px;   
     position:absolute;
bottom:10px;
 margin-top:70px;
}  
     
footer p{
	color:white;    
font-size: 13px;
}

footer a{
	color:white;
	margin: 0 20px;         
	text-decoration:underline;
 
}