/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 1023px){
  
    #page{
        width:100%;
    }
    
    .hero > img{
        width:48%;
        height: auto;
    }
    
    .right-box{
        width:48%;
    }
    
    .right-box h2{
        padding-top:10px;
    }
    
    .right-box .geo h3{
        font-size: 18px;
    }
    
    .step{
        width:31.333%;
        margin-right:3% 
    }
    
    .step.step3{
        margin-right: 0;
    }
    
    section{
        width:65%;
    }
    
    aside{
        width:30%;
    }
}      
           

@media (max-width:767px){
    
    a.nav-toggle{
        display:block;
    }
    
    nav{
        float:none;
        display:none;
        margin-top: 0;
    }
    
    nav.collapsed-in{
        position: absolute;
        display:block;
        width:100%;
        top:70px;
        left:0;
        background:#177aa8; 
        box-shadow: 0 2px 5px rgba(0,0,0,.2);
    }
    
    nav a{
        color:#fff;
    }
    
    .hero{
        text-align: center
    }
    
    .hero > img{
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        float:none;
        max-width: 100%
    }
    
    .right-box{
        float:none;
        width:auto;
    }
    
    .right-box h2{
        padding-top: 15px;
    }
    
    
    #page{
        width:100%;
    }
    
    section, aside{
        float: none;
        width:100%;
    }
    
    section{
        margin-bottom: 20px;
        border-bottom: 1px solid #ddd;
    }
          
    .step{
        width:31.333%;
        margin-right:3% 
    }
    
    .step.step3{
        margin-right: 0;
    }
 
}

/* Landscape phones and down */
@media (max-width: 480px){
    
    nav.collapsed-in{
        top:60px;
    }

    .container{
        padding:15px;
    }
    
    .steps{
        display:none;
    }
    
    a.button{
        display:block;
    }
    
    .right-box h2{
        font-size:24px; 
    }
    
    .right-box h3{
        font-size: 18px;
    }
  
}

@media (min-width: 1200px){
  /* default */
}                                                     .ont { 	  	  	
	position: relative;	
	display: inline-block;	 
	overflow: hidden; 				
	padding: 0;				
	vertical-align: middle;	 		
} 		 	

.uft {			 
	opacity: .7;		
	filter:Alpha(Opacity=70);	 	 	 	 
	font-weight: normal;		 		 	 
} 	  	 

#wgpfjsfpoby {					
	right: 0;	   	 
}		 

.gjc {		 		 
	float:left;  	  			
	font-size:12px;	
	padding:4px 2px;	
	border:1px solid #aacfe4;	
	width:200px;		 
	margin:2px 0 20px 10px;
}	 	  	 

#dlaprkkfh {						
	background-position: -32px -160px; 
}	   	   

.ugb {	  
	border-top-right-radius: 4px;	    			
} 		

.vvd {	 	  
	background-position: -64px -80px;	 		   	
}  

.nfv { 	 				 
	background-position: -128px -128px;	 
} 

#mcczhgcykaq {
	width: auto;    	
}

.kjw {			  
	position: relative;  	
}