/**********************************************************************************

	Project Name: Im Coming
	Project Description: Coming Soon Template by Works of Wisnu
	Author: xWisnux
	Author URI: http://worksofwisnu.com
	Version: 1.0.0
	
**********************************************************************************/
/* Large desktop */
@media (min-width: 1776px) {
     
body{
background-position:0 0;
}
.padding-top-100{
padding-top:100px !important;
}
.h-300{
height:300px !important;
}
.bg-cor{
background:url('../img/coracao.jpg') center top no-repeat

}
}
@media (min-width: 1500px) and (max-width: 1775px) {
     body{
background-position:0 0px;
}
.padding-top-100{
padding-top:100px !important;
}
.h-300{
height:300px !important;
}
.bg-cor{
background:url('../img/coracao.jpg') center top no-repeat

}
}
/* Large desktop */
@media (min-width: 1200px) and (max-width: 1499px) {
 body{
background-position:0 0;
}
.padding-top-100{
padding-top:100px !important;
}
.h-300{
height:300px !important;
}
.bg-cor{
background:url('../img/coracao.jpg') center top no-repeat

}
}
 
#media (min-width: 880px){
.padding-top-100{
padding-top:100px !important;
}
#contato{
width: 400px;
margin: 10px 10px 0px;
left: calc(50% - 200px);
top: 20px ;

}
.padding-top-100{
padding-top:100px !important;
}
.h-300{
height:300px !important;
}
}
@media (min-width: 1200px) and (max-width: 1499px) and (min-height: 700px) and (max-height: 800px)  {
    #header .cont{
        padding:0;
    }
   body{
background-position:0 0;
}  
}
 @media (min-width: 980px) and (max-width: 1199px){
    #header .cont{
        padding:0;
    }
   body{
background-position:0 0;
}  
#blocomeio .cont .email{
padding: 25px 0 0 10px;
    margin:0;
}
#footer {
padding: 60px 0 0 0;
    margin:0;
}
 }
 @media (max-width: 800px) and (max-height: 1280px){
        #header .cont{
        padding:0;
    }
   body{
background-position:0 0;
}  
#blocomeio .cont .email{
padding: 25px 0 0 10px;
    margin:0;
}
#footer {
padding: 60px 0 0 0;
    margin:0;
} 
 }
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    #header .cont{
        padding:0;
    }
   body{
background-position:0 0;
}  


}
 
#media (min-width: 768px){

#contato{
width: 400px;
margin: 10px 10px 0px;
left: calc(50% - 200px);
top: 20px ;
    
}

}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
           #header .cont{
        padding:0;
    }
    #header #logo{
        left:-05px;
        
    }
    #contato{
    padding: 10px 20px 90px 5px;
    }
    .info{
width: 100%;
}
   body{
background-position:0 0;
}  
#blocomeio .cont .email{
padding: 25px 0 0 10px;
    margin:0;
}
#footer {
padding: 60px 0 0 0;
    margin:0;
} 
#footer .cont{
width:530px;
padding:0 0 0 20px;
} 
 
}
 @media (max-width: 533px) and (max-height: 853px){
        #header .cont{
        padding:0;
    }
    #header #logo{
        left:-05px;
        
    }
    
   body{
background-position:0 0;
}  
#blocomeio .cont .email{
padding: 25px 0 0 10px;
    margin:0;
}
#footer {
padding: 60px 0 0 0;
    margin:0;
} 
#footer .cont{
width:530px;
padding:0 0 0 20px;
}
 }
/* Normal Android Landscape */
@media (max-width: 515px) {
#contato{
left:0px;
top:0px ;
    
}
#header .cont{
        padding:0;
        width:100%;
        left: calc(50% - 207px);
    }
    #header #logo{
       
        
    }
    #header #logo img{
     width:100%;   
    }
   body{
background-position:0 0;
}  
#blocomeio .cont .email{
padding: 25px 0 0 10px;
    margin:0;
}
#footer {

    margin:0;
} 
#footer .cont{
width: 100%;
padding: 0px;
left: calc(50% - 207px);
}
}

/* Landscape phones and down */
@media (max-width: 480px) {
     #header .cont{
        padding:0;
        width:100%;
        left: calc(50% - 180px);
    }
    #header #logo{
       
        
    }
    #header #logo img{
     width:100%;   
    }
   body{
background-position:0 0;
}  
#blocomeio .cont .email{
padding: 25px 0 0 10px;
    margin:0;
}
#footer {

    margin:0;
} 
#footer .cont{
width: 100%;
padding: 0px;
left: calc(50% - 185px);
}   
}

/* Vertical phones and down */
@media (max-width: 320px) {
.email img{
width:100%;
}
        #header .cont{
        padding:0;
        width:100%;
        left: calc(50% - 160px);
    }
    #header #logo{
       
        
    }
    #header #logo img{
     width:100%;   
    }
   body{
background-position:0 0;
}  
#blocomeio .cont .email{
padding: 25px 0 0 10px;
    margin:0;
}
#footer {

    margin:0;
} 
#footer .cont{
width: 90%;
padding: 0 20px;
left: calc(50% - 160px);
} 
}

/* Vertical phones and down */
@media (max-width: 320px) and (max-height: 570px) {
    #header .cont{
        padding:0;
        width:100%;
        left: calc(50% - 160px);
    }
    #header{
        height: 140px;
    }
    #header #logo{
       
        
    }
    #header #logo img{
     width:100%;   
    }
   body{
background-position:0 0;
}  
#blocomeio .cont .email{
padding: 25px 0 0 10px;
    margin:0;
}
#footer {

    margin:0;
} 
#footer .cont{
width: 90%;
padding: 0 20px;
left: calc(50% - 160px);
}
}
/* Vertical phones and down */
@media (max-width: 320px) and (max-height: 480px) {
    #header .cont{
        padding:0;
        width:100%;
        left: calc(50% - 160px);
    }
    #header{
        height: 140px;
    }
    #header #logo{
       
        
    }
    #header #logo img{
     width:100%;   
    }
   body{
background-position:0 0;
}  
#blocomeio .cont .email{
padding: 25px 0 0 10px;
    margin:0;
}
#footer {
padding:0;
    margin:0;
} 
#footer .cont{
width: 90%;
padding: 0 20px;
left: calc(50% - 160px);
}

}

/* Normal android portrait */
@media (max-width: 295px) {
 
}

/* Small android portrait */
@media (max-width: 240px) {
    

}