*{ 
	margin:0;padding:0;
}


.banner h2{
	text-align:center;
	color:green;
}
header{
	

	}
header div{
	display: flex;
	flex-direction: row; 
	align-items: center;
	justify-content:center;
	background-image:url('/images/banner1.png');
    background-size: contain;
	background-repeat: repeat-x;
	width:1230px;
	height:360px;
	margin:0 auto;
	}
body {
}

h1 {

}
.container{
	margin-top:20px;
	width:100%;
	display:flex;
	flex-direction: row;
	justify-content:betwen;
	align-items:start;
	height:auto;
}
.offers{
	display:flex;
	flex-direction:column;
	justify-content:betwen;
	align-items:center;
	width:30%;
	background-color:rgba(0, 115, 0, 0.07);
	margin-left:2.5%;
	height:400px;
	border:1px solid;
	padding:10px 0;
	border-radius:10px;
}
.offers img{
	display:flex;
	flex-direction:column;
	justify-content:betwen;
	align-items:center;
	width:30%;
	background-color:none;
	margin-left:2.5%;
	height:auto;
}
.offers h3{
	margin-top:20px;
	color:red;
}
.botao{
	width:80px;
	height:40px;
	padding:5px 10px;
	border:none;
	background-color:#0d47a1;
	border-radius:5px;
	color:#fff;
	transition: width 0.3s, height 0.3s;
}
.botao:hover{
	width:85px;
	height:45px;
	background:#1565c0;
	padding:3px;
}
/*paragrafo de informação sobre parcelamento e boleto*/
.info{
	font-size:12px;
	color:rgba(15, 95, 15, 0.78);
	text-align:left;
}
.image{
	display:flex;
	flex-direction: row;
	justify-content:betwen;
	align-items:start;
	background-color:none;
	margin:2.5%;
	height:210px;
	border-bottom:1px solid;
}.texto{
	width:63%;
	background-color:none;
	margin:2.5%;
	margin-left:0;
	height:auto;
}
footer{
	display:flex;
	flex-direction: row;
	justify-content:betwen;
	align-items:center;
}
/*menu*/

.menu{
    width:100%;
    background:#0d47a1;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 10px;
    height:70px;
    position:relative;
	vertical-align: middle;
}



nav {
	width:1230px;
    height: 100%;
    display: flex;
    align-items: center;
	margin:0 auto;
}

nav ul {
    height: 100%;
    display: flex;
    align-items: center;
	 list-style:none;
}


nav ul li{
    margin-left:25px;
}

nav ul li a{
    text-decoration:none;
    color:#fff;
    font-size:17px;
    padding:10px 15px;
    border-radius:5px;
    transition:.3s;
}

nav ul li a:hover{
    background:#1565c0;
}

/* MENU MOBILE */

#menu-toggle{
    display:none;
}

.menu-icon{
    display:none;
    color:#fff;
    font-size:32px;
    cursor:pointer;
}

/* RESPONSIVO */

@media(max-width:768px){
.top{
	display:none;
}
.banner{
	display:none;
}
#cont{
	margin-top:60px;
}
.menu{
    padding:0 20px;
}

.menu-icon{
    display:block;
}

nav{
    position:absolute;
    top:70px;
    left:0;
    width:100%;
    background:#0d47a1;
    max-height:0;
    overflow:hidden;
    transition:.4s;
}

nav ul{
    flex-direction:column;
}

nav ul li{
    margin:0;
    border-top:1px solid rgba(255,255,255,.15);
}

nav ul li a{
    display:block;
    padding:18px;
}

#menu-toggle:checked ~ nav{
    max-height:500px;
}


  .container {
    flex-direction: column;
  }
  #container{
	  height:1200px;
  }
  .offers, .image, .texto{
	width:95%;
	margin-top:0;
	margin-bottom:20px;
	}
.offers{

	}
.texto{
	margin-left:2.5%;
	}
}