content{width: 100%;position: relative;}
section#introducao{width: 100%;height:600px;position: relative;}
section#contato{width: 100%; height:700px; margin:0; padding: 0;background-image:linear-gradient(to top, rgba(255,255,255,1),rgba(240,240,240,1));padding-top: 25px;float:left;position: relative;}
section#contato .direita{float:left; width:50%;display:block;position: relative;}
section#contato .esquerda{float:left; width:50%;display:block;position: relative;}
section#contato .esquerda ul{width: 100%;float:left;}
section#contato .esquerda ul li{width: 40%;margin-left: 6.6%;float:left;text-align: center;list-style: none;color:rgba(255,255,255,1);background:rgba(69,134,183,1);margin-bottom: 15px;border-radius: 5px;padding:10px;box-sizing: border-box;}
section#contato .esquerda ul li:hover{background:rgba(69,134,183,0.8);transition:0.3s;}
section#contato .esquerda a{text-decoration: none;}
section#contato .esquerda p{margin-bottom: 10px;font-size: 20px;}
section#contato h1{text-align: center;margin-top:30px;font-size: 70px;color:rgba(93,204,104,1);text-shadow:1px 1px #FFF;}
section#contato p{text-align: center;float:left;width: 100%;}
section#contato img{max-height: 100%;display: block; max-width: 100%;margin-left:auto;margin-right: auto;margin-top:50px;}

@media screen and (max-width:900px ){
section#contato .direita{width:40%;}
section#contato .esquerda{width:60%;}
}
@media screen and (max-width:700px ){
section#contato{height:750px;}
section#contato .esquerda{width:100%;}
section#contato .direita{width:100%;}
section#contato h1{font-size: 70px;margin-top:0;}
section#contato .esquerda ul li{width: 45%;margin-left: 3.3%;}
section#contato img{height: 350px;}
}
@media screen and (max-width:400px ){
section#contato .esquerda ul li{width: 80%;margin-left: 10%;}
section#contato{height:930px;}
}