* { box-sizing: borderbox;
	-ms-box-sizing: borderbox;
	-moz-box-sizing: borderbox;
	-webkit-box-sizing: borderbox;
    padding: 0px;
    margin: 0px;
    font-family: 'PT Sans Caption', sans-serif;
}


div.envelopar>h3 {text-align: center;
 				 padding-top: 2vw;
 				 color: darkorange;
 				 font-size: 2vw;
 }

div.envelopar>hr {border: 1.5px dashed silver;
}

div.envelopar>p {font-size: 1vw;
			   width: 40vw;
			   margin: auto;
			   text-align: justify;

}

/* FORMATAÇÃO DO BOX DAS IMAGENS REDONDAS */

body > div.container.envelopar > div {margin-top: 3vw;}

body > div.container.envelopar > div > section>div {	margin: auto;
														border: 1px solid silver;
														width: 13vw;
													    height: 13vw;
													    padding:.41vw;
													    border-radius:50%;
												    }
/* FORMATAÇÃO DAS IMAGENS REDONDAS */

div.img_envelopar>a>img {   height: 12vw;
							width: 12vw;
							border-radius:50%;
}

body > div.container.envelopar > div > section:nth-child(3) > div > a > img {  height: 12vw;
																			 width: 9.5vw;
																			 border-radius:50%;
}	
/*FORMATAÇÃO DO LINK HOVER DAS IMAGENS REDONDAS */
body > div.container.envelopar > div > section > div > a:hover {  opacity: 0.3;
																filter: alpha(opacity=100); 
																/* For IE8 and earlier*/ );
																
}

/* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */
section.envelopar>p {font-size: .9vw;
					       text-align:center;
}

section.envelopar>p>b {color: red;
}

section.envelopar>h4 {text-align: center;
					         margin: auto;
}


/*Formatação do Botão cadastrar */
body > div.cadastrarMissao { text-align: center;
				    margin: 3vw;
}

input.missao {   padding: .5vw 1vw;
					
}





/* Midia Queries para telas pequenas */

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 299.99px) { 
	/* Estilos da HOME */



} /* Final @media max 349px */
 

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 300px) and (max-width: 499.98px) {
	/* Estilos da HOME */


} /* Final @media 350px */


/*Ponto de fechamento final da minha tela */
/* Small devices (landscape phones, 500px and up)*/
@media (min-width: 500px) and (max-width: 599.98px) {
/* Título da página */
div.envelopar>h3 {font-size: 4vw;
 }

 div.envelopar>p {font-size: 2.5vw;
			    width: 60vw;
}

div.alert.alert-success.alert-dismissable.fade.show {font-size: 2.5vw;}

/* FORMATAÇÃO DO BOX DAS IMAGENS REDONDAS */
#navbarToggler01 > ul > li.nav-item {z-index: 10000}
body > div.container.envelopar > div {margin-top: 3vw;}
body > div.container.envelopar > div > section>div {	margin: auto;
													border: 1px solid grey;
													width: 18vw;
												    height: 18vw;
												    padding:.41vw;
												    border-radius:50%;
}
/* FORMATAÇÃO DAS IMAGENS REDONDAS */

body > div.container.envelopar > div > section>div>a>img { 	height: 17vw;
														   width: 17vw;
														   border-radius:50%;
}
body > div.container.envelopar > div > section:nth-child(3) > div > a > img.recorte {  height: 17vw;
																					 width: 14.5vw;
																					 border-radius:50%;
}

/* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */
section.envelopar>p {font-size: 2vw;
					 text-align: center;
					 margin-top: 1vw;
}

} /* Final @media 578 */


/* Medium devices (tablets, 600px and up)*/
 @media (min-width: 600px) and (max-width: 767.98px) { 
iv.envelopar>h3 {font-size: 4vw;
 }

 div.envelopar>p {font-size: 2vw;
			    width: 55vw;
}

div.alert.alert-success.alert-dismissable.fade.show {font-size: 2.2vw;}

/* FORMATAÇÃO DO BOX DAS IMAGENS REDONDAS */
body > div.container.envelopar > div {margin-top: 3vw;}
body > div.container.envelopar > div > section>div {	margin: auto;
													border: 1px solid grey;
													width: 18vw;
												    height: 18vw;
												    padding:.41vw;
												    border-radius:50%;
												    }
/* FORMATAÇÃO DAS IMAGENS REDONDAS */
body > div.container.envelopar > div > section> div > a > img {z-index: -10;}
body > div.container.envelopar > div > section>div>a>img {   height: 17vw;
														   width: 17vw;
														   border-radius:50%;
									}
body > div.container.envelopar > div > section:nth-child(3) > div > a > img.recorte {  height: 17vw;
																					 width: 14.5vw;
																					 border-radius:50%;
}

/* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */
section.envelopar>p {font-size: 2vw;
					 text-align: center;
					 margin-top: 1vw;
}



} /* Final @media 600px */



/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) { 
/* Título da página */
div.envelopar>h3 {font-size: 3.5vw;
 }

 div.envelopar>p {font-size: 1.8vw;
			    width: 55vw;
}

/* FORMATAÇÃO DO BOX DAS IMAGENS REDONDAS */
#navbarToggler01 > ul > li.nav-item {z-index: 10000}
body > div.container.envelopar > div {margin-top: 3vw;}
body > div.container.envelopar > div > section>div {	margin: auto;
													border: 1px solid grey;
													width: 17vw;
												    height: 17vw;
												    padding:.41vw;
												    border-radius:50%;
												    }
/* FORMATAÇÃO DAS IMAGENS REDONDAS */

body > div.container.envelopar > div > section>div>a>img { 	height: 16vw;
														   width: 16vw;
														   border-radius:50%;
}

body > div.container.envelopar > div > section:nth-child(3) > div > a > img.recorte {  height: 16vw;
																					 width: 13.5vw;
																					 border-radius:50%;

}

/* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */
section.envelopar>p {font-size: 1.5vw;
					 text-align: center;
					 margin-top: 1vw;
}


}/* Final @media  768px*/
 

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {

/* Título da página */
div.envelopar>h3 {font-size: 3.2vw;
 }

 div.envelopar>p {font-size: 1.7vw;
			    width: 55vw;
}

/* FORMATAÇÃO DO BOX DAS IMAGENS REDONDAS */
#navbarToggler01 > ul > li.nav-item {z-index: 10000}
body > div.container.envelopar > div {margin-top: 3vw;}
body > div.container.envelopar > div > section>div {	margin: auto;
													border: 1px solid grey;
													width: 16vw;
												    height: 16vw;
												    padding:.41vw;
												    border-radius:50%;
												    }
/* FORMATAÇÃO DAS IMAGENS REDONDAS */

body > div.container.envelopar > div > section>div>a>img { 	height: 15vw;
														   width: 15vw;
														   border-radius:50%;
									}
body > div.container.envelopar > div > section:nth-child(3) > div > a > img.recorte {  height: 15vw;
																					 width: 12.5vw;
																					 border-radius:50%;

}

/* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */
section.envelopar>p {font-size: 1.5vw;
					 text-align: center;
					 margin-top: 1vw;
}


 }/* Final @media 992px */
 

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) and (max-width: 1499.98px) { 
/* Título da página */
div.envelopar>h3 {font-size: 3vw;
 }

 div.envelopar>p {font-size: 1.5vw;
			    width: 55vw;
}

/* FORMATAÇÃO DO BOX DAS IMAGENS REDONDAS */
#navbarToggler01 > ul > li.nav-item {z-index: 10000}
body > div.container.envelopar > div {margin-top: 3vw;}
body > div.container.envelopar > div > section>div {	margin: auto;
													border: 1px solid grey;
													width: 15vw;
												    height: 15vw;
												    padding:.41vw;
												    border-radius:50%;
												    }
/* FORMATAÇÃO DAS IMAGENS REDONDAS */
body > div.container.envelopar > div > section>div>a>img { 	height: 14vw;
														    width: 14vw;
														    border-radius:50%;
									}


/* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */
section.envelopar>p {font-size: 1.2vw;
					 text-align: center;
					 margin-top: 1vw;
}



 }/* Final @media 1200px*/


/* Extra large devices (large desktops, 1500px and up)*/
@media (min-width: 1500px){ 
/* Estilos da HOME */




 }/* Final @media 1500px*/