*{padding: 0; margin: 0; text-decoration: none; font-family: "Lato";}
body{font-size: 16px;}
.container{margin: 0 40px; position: relative;}

#topo{background: #0c2333; width: 100%; padding: 20px 0;}
#topo h1{background: url(../img/logo.png) no-repeat; background-size: contain; background-position: center; min-height: 250px; overflow: hidden; text-indent: -3000px;}
#topo p{color:#fff; width: 100%; text-align:  center; margin: 20px 0 0 0;}

#menu{background: #f1f1f1; margin: 40px 0 0 0;}
#menu #bg{position: absolute; right: 0; top: 0; width: 35%; background: url(../img/bg.png) no-repeat; background-size: cover; background-position: center;}
#menu ul{padding: 20px 0; z-index: 2; position: relative;}
#menu ul a{width: 70%; height: 60px; line-height: 60px; text-align: right; margin-bottom: 20px; padding-right: 20px; display: block; background: #fff; font-size: 120%; font-weight: 400; color:#003352;}
#menu ul a:last-child{margin-bottom: 0;}
#menu ul a li{list-style-type: none;}

#telefone{background: #e2f6ff; margin: 40px 0; height: 60px;}
#telefone #icon-telefone{ position: absolute; height: 80px; top: -10px; }
#telefone p{line-height: 60px; color:#07aaf4; font-size: 120%; font-weight: bold; padding-left: 120px;}
#telefone p span{float: right; display: block;}

#produtos .row{clear: both; width: 100%; display: block;	}
#produtos .produto{ display: inline-block; width: 46.5%; background: red; margin-right: 3%; border:1px solid #ddd; background: #f6f6f6; text-align: center; margin-bottom: 40px;  }
#produtos .produto:nth-child(even){ margin-right: 0; float: right; }
#produtos .produto .foto-produto{width: 100%; background: #fff url(../img/produto-exemplo.jpg) center no-repeat; background-size: contain; height: 180px;}
#produtos .produto p{color:#3d3d3d; font-size: 140%; font-weight: 700; padding: 10px 0;}
#produtos .produto a{background: #3ecf8e; margin: 0 5%; width: 90%; display: block; color:#Fff; margin-bottom: 5%;height: 60px; line-height: 60px; font-weight: 900; text-transform: uppercase;}

#servico p{color:#252525; font-size: 120%; }
#servico p span{font-weight: 900; color:#07aaf4; font-weight: 150%; display: block;}

@media screen and (max-width: 360px){
	#menu #bg{width: 50%;}
	#telefone p span{ display: none !important; }
	#produtos .produto a span{display: none !important;}
}