*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html,body{
	height: 100%;
	background-color: rgb(131,111,255);
}


.clear{
	clear: both;
}

.container{
	width:100%;
	max-width:1100px;
	margin:0 auto;
}



header{
	padding: 20px 2%;
	background-color: rgb(131,111,255);
}

header .logo{
	width: 236px;
}


.logo h2{
  font-family: "Edu NSW ACT Cursive", cursive;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}




.logo p{
    text-transform: uppercase;
   font-size: 10px;
}


header nav.menu-desktop{
	float: right;
	margin-top:-40px;
}

header nav.menu-desktop ul{
	padding: 9px 0;
	list-style-type:none;
}

header nav.menu-desktop ul li{
	float: left;
	font-size:14px;
	padding:0 20px;
	text-transform: uppercase;
}

header ul li a{
	color:white;
	text-decoration: none;
}


nav.menu-mobile{
	cursor: pointer;
	display: none;
	float: right;
	width:28px;
	height:28px;
	margin-top: -32px;
	background-image: url('../imagens/menu.png');
	background-size: 100% 100%;
	
}
nav.menu-mobile a{
	color: black;
}

nav.menu-mobile ul{
	display: none;
	z-index: 999;
	text-align: center;
	width:100%;
	position: absolute;
	left: 0;
	top:80px;
	background-color: white;
}


nav.menu-mobile ul li{
	text-transform: uppercase;
	margin-top: 20px;
	padding:8px 0;
	border-bottom:1px solid black ;
}


/*@media do menu*/
@media screen and (max-width: 768px){
	nav.menu-desktop{
		display: none;
	}

	nav.menu-mobile{
		display: block;
		margin-right: 7%;
	}
}
/*@media do menu*/



.slider{
	position: relative;
	width: 100%;
	max-width: 1200px;
	height: 80%;
	max-height: 700px;
	/*background-color:#ccc;*/
	margin: 0 auto;
}

.slider img{
	display: none;
	left: 50%;
	top: 50%;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	position: absolute;
	max-width: 100%;
	max-height: 100%;
}

.bullets-nav{
	position: absolute;
	left: 50%;
	bottom:10px;
	width: 100%;
	z-index: 3;
	text-align: center;
	transform:translateX(-50%);
	-ms-transform:translateX(-50%);
}

.bullets-nav span{
	width: 16px;
	height: 16px;
	display: inline-block;
	border-radius: 8px;
	background-color: #ccc;
	cursor: pointer;
	margin:0 20px;
}

@media screen and (max-width: 600px){
	.slider{
		height: auto;
		padding-top: 70%;
	}
	
	.bullets-nav span{
	width: 16px;
	height: 16px;
	border-radius: 8px;
	background-color: #ccc;
	cursor: pointer;
	margin:0 5%;
	}
}

.btn{
	width: 30%;
	height:25 px;
	background-color: pink;
	margin:1% 35%;
	padding: 30px;
	border-radius: 28px;
	cursor: pointer;
	position: absolute;
	
	
}

.btn p{
	text-align: center;
}


.bg{
	display: none;
	width: 30%;
	height:25 px;
	background-color: pink;
	margin: 1% 35%;
	padding: 30px;
	border-radius: 28px;
	cursor: pointer;
	z-index: 1;
	position: absolute;
	
}

.bg p{
	text-align: center;
}




.flex1{
	display: flex;
	width: 90%;
	margin: 0 auto;
	margin-top:;
}

.conteudo1{
	width:40%;
	height:auto;
	background-color: #ccc;
	text-align: center;
	padding: 5%;
	border: 1px solid white;
}

.conteudo1 h1{
	color: Garamond;
	font-family: Arial, Helvetica, sans-serif ;
	/*font-family: Brush Script MT;*/

}

.conteudo1:hover{
	background-color: #40E0D0;
}

.conteudo2{
	width:60%;
	height:auto;
	background-color: #ccc;
	border: 1px solid white;
}

.conteudo2 h3{
	font-size: 24px;
	text-align: center;
}
.conteudo2 span{
	padding: 7px;
	font-size: 20px;
	text-decoration: underline;
	color: #5e1ac1;
}
.conteudo2 p{
	padding: 7px;
	font-size: 20px;

}

.conteudo2 p a{
	text-transform: none;
	text-align: center;
	color:#263300;
}

.cont-ima{
	width:60%;
	height:auto;
	background-image: url('../imagens/adapta.jpg');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	border: 1px solid white;
}


.flex2{
    display: flex;
		width: 90%;
		margin: 0 auto;
		margin-top:9px;
}


.conteudo2flex2 li{
	font-size: 20px;
}

.conteudo1flex2{
	width:40%;
	background-color: #ccc;
	padding: 2%;
	border: 1px solid white;
}

.conteudo2flex2{
	width:60%;
	background-color: #ccc;
	padding:10px;
	border: 1px solid white;
}

.conteudo2flex2 ul{
		list-style-position: inside;
}


.autor{
	width:50%;
	float: left;
}


.conteudo1flex2:hover{
	background-color: #40E0D0;
}


.autor .rostinho{
	width: 40px;
	height:40px;
  background-image: url('../imagens/eu.jpg');
  background-repeat: no repeat;
  background-size:100% 100%;
 	border-radius: 20px;
}
.autor .rostinho{
	margin-left: 50%;
}

.autor p{
	text-align: center;
	margin-top:9px;
}

.limitarbotao{
	position: ;
	margin-top: 15%;
}



/*COD CONTATO*/

section.contato{
	padding:60px 2%;
}

section.contato > h2{
	color: #698293;
	text-align: center;
	font-size: 18px;
}

section.contato form{
	width: 100%;
	margin: 30px auto;
	max-width: 500px;
}

.form-wraper{
	float: left;
	padding:0 10px;
	margin-top: 10px;
}

.w100{
	width: 100%;
}

.w50{
	width: 50%;
}

.form-wraper span{
	font-size: 15px;
	color: #b4b4b4;
}

.form-wraper input[type=text]{
	width: 100%;
	height: 35px;
	line-height: 35px;
	padding-left: 9px;
	border:1px solid #dadada;
	margin-top:8px;
}

.form-wraper textarea{
	width: 100%;
	margin-top:8px;
	padding:8px;
	height: 121px;
	resize: none;
	border: 1px solid #dadada;
	/*
	resize: horizontal;
	resize: vertical;
	*/
}

.form-wraper input[type=submit]{
	width: 100px;
	display: inline-block;
	height: 35px;
	border: 0;
	background: #688293;
	color: white;
	cursor: pointer;
	/*
	position: relative;
	left: 50%;
	transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	*/
}


/* FININD COD CONTATO*/







@media screen and (max-width: 921px){
    .flex1{
    	display: block;
    }
    .conteudo1{
    	padding-top:%;
		width: 100%;
    }

    .conteudo2{
    	padding-top:%;
			width: 100%;
    }

    .cont-ima{
    	padding-top:30%;
			width: 100%;
    }
}

@media screen and (max-width: 921px){
	.flex2{
    	display: block;
    }

    .conteudo1flex2{
    	width: 100%;
    }

    .conteudo2flex2{
    	width: 100%;
    }


}

section.informe{
	width:100%;
	background-color: ;
	margin-top: 70px;
}

section.informe h1,h2{
   text-align: center;
   color:white;
   text-transform: uppercase;
}

section.informe p{
	margin: 20px;
	border: 1px solid white;
	padding: 5%;
	text-align: justify;
	border-radius: 15%;
}

section.informe span{
	padding: 30px;
	text-transform: uppercase;
	text-align: center;
}

.limitt{
	width:100%;
	max-width: 900px;
	margin:0 auto;
}




footer{
	width: 100%;
	padding: 2%;
	color: blue;
}

footer p{
	color: #ccc;
	text-align: center;
	text-transform: uppercase;
}

footer a{
	text-decoration: none;
	color: #ccc;
}


@media screen and (max-width: 633px){
		.limitarbotao{
			margin-top: 30%;
		}

	.btn{
			width: 70%;
			height:25 px;
			background-color: pink;
			margin-left:15%;
			padding: 10px;
			border-radius: 28px;
			cursor: pointer;
			position: absolute;
	}


.btn p{
	text-align: center;
}


.bg{
	display: none;
	width: 70%;
	height:25 px;
	background-color: pink;
	margin-left:15%;
	padding: 10px;
	border-radius: 28px;
	cursor: pointer;
	z-index: 1;
	position: absolute;
	
}

.bg p{
	text-align: center;
}

}