@media   screen and (min-device-width: 320px) {
  /* 320 | iPhone e altri smartphone */       
/*   body{
		border:3px solid black;
	}         */
	
	
	.logo {
	    margin: 14px auto 15px;
	    width: 70%;
	}

	.welcome {
	    font-size: 24px;
	}
          
	.payoff{
		padding: 0 11px;
		font-size:16px;
	}       
	    
	.bottom{
		height:auto;
	}


	.bottom-box {
	    text-align: center;
	    color: #cfebec;
	    width: 52%;
	    display: block;
	    margin: 0 auto;
	}
	.select {
	    font-size: 18px;
	}    
	
	
	footer{
	    text-align: center;
	    /* padding: 20px; */
	    line-height: 17px;
	    font-size: 15px;
	    /* margin-top: 120px; */
	    position: relative;
	    bottom: auto;
	    padding: 10px 0;
	    margin: 0;
	    display: inline-block;
	    margin: 0 auto;
	    width: 100%;

	}      
	
	footer p{ 
	  
	 	margin-top:20px;
		    padding: 0 10px;
		}   

}

@media   screen and (min-device-width: 480px) {
  /* 480px | iPhone: Portrait */                      
/*  body{
		border:3px solid azure;
	}      
	  */
	
	.payoff {
	    font-size: 14px;
	}
	
	.logo {
	    margin: 8px auto 12px;
	    width: 72%;
	}       
	
	
.bottom{
	height:auto;
}
	
}         



@media   screen and (min-device-width: 640px) {
  /* 640px | iPad e Tablet */                        
/*  body{
		border:3px solid blue;
	}  */
	
	.payoff {
	    font-size: 14px;
	}
	
	.logo {
	    margin: 8px auto 12px;
	    width: 50%;
	}      
	
	
	footer{
	    text-align: center;
	    /* padding: 20px; */
	    line-height: 23px;
	    font-size: 15px;
	    /* margin-top: 120px; */
	    position: absolute;
	    bottom: 30px;
	    /* padding: 0 10px; */
	    margin: 0;
	    display: block;
	    margin: 0 auto;
	    /* width: 100%; */

	}      
	
	footer p{ 
	  
	 	margin-top:20px;
		    padding: 0 10px;
		}
}

@media   screen and (min-device-width: 768px) {
  /* 768px | iPad: Portrait */    

/*  body{
		border:3px solid yellow;
	}   */

	.top{
		height:32%;
	}

	.bottom{
		height:68%;
	}
		
	.payoff {
	    font-size: 14px;
	}
	
	.logo {
	    margin: 8px auto 12px;
	    width: 50%;
	}     
	
	
	footer{
	    text-align: center;
	    /* padding: 20px; */
	    line-height: 23px;
	    font-size: 15px;
	    /* margin-top: 120px; */
	    position: absolute;
	    bottom: 30px;
	    /* padding: 0 10px; */
	    margin: 0;
	    display: block;
	    margin: 0 auto;
	    /* width: 100%; */

	}      
	
	footer p{ 
	  
	 	margin-top:20px;
		    padding: 0 10px;
		}
}

/* LAPTOPS & DESKTOPS */

@media   screen and (min-device-width: 800px) {
	
	footer{
	    text-align: center;
	    /* padding: 20px; */
	    line-height: 17px;
	    font-size: 15px;
	    /* margin-top: 120px; */
	    position: relative;
	    bottom: auto;
	    padding: 10px 0;
	    margin: 0;
	    display: inline-block;
	    margin: 0 auto;
	    width: 100%;

	}      
	
	footer p{ 

	 	margin-top:20px;
		    padding: 0 10px;
		}


}

@media   screen and (min-device-width: 1024px) {
  /* 1024px */                                         
/*    body{
		border:3px solid red;
	}   */
	
	.top {
	    height: 50%;
	}
	
	.bottom {
	    height: 50%;
	}

	.payoff {
	    font-size: 14px;
	}
	
	.logo {
	    margin: 8px auto 12px;
	    width: 50%;
	}


}

@media   screen and (min-device-width: 1280px) {      
	footer{
		text-align:center;   
		padding:20px;    
		line-height: 27px;
	    		font-size:15px;   
	     position:absolute;
	bottom:10px;
	 margin-top:70px;
	}
}