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



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

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

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

}

/* FORMATAÇÃO DO BOX DAS IMAGENS REDONDAS */
body > div.container.display > div {margin-top: 4vw;}

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

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

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

/* FORMATAÇÃO DO LINK HOVER DAS IMAGENS REDONDAS 
body > div.container.display > div > section > div > a:hover {  opacity: 0.3;
																filter: alpha(opacity=100);
																/* For IE8 and earlier );
																
}


/* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */

section.display {text-align: center;
				    margin: auto;}

section.display>p {font-size: .9vw;
					 text-align: center;
					 margin-top: 1.3vw;
}

section.display>p>b{color: red;
					  font-weight: 800;
}


/*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.display>h3 {font-size: 4vw;
 }

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

/* FORMATAÇÃO DO BOX DAS IMAGENS REDONDAS */
#navbarToggler01 > ul > li.nav-item {z-index: 10000}
body > div.container.display > div {margin-top: 3vw;}
body > div.container.display > 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.display > div > section>div>a>img { 	height: 17vw;
														   width: 17vw;
														   border-radius:50%;
}
body > div.container.display > div > section:nth-child(3) > div > a > img { height: 17vw;
					   width: 17vw;
}

/* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */
section.display>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.display>h3 {font-size: 4vw;
 }

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

/* FORMATAÇÃO DO BOX DAS IMAGENS REDONDAS */
body > div.container.display > div {margin-top: 3vw;}
body > div.container.display > 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.display > div > section> div > a > img {z-index: -10;}
body > div.container.display > div > section>div>a>img {   height: 17vw;
														   width: 17vw;
														   border-radius:50%;
									}
body > div.container.display > div > section:nth-child(3) > div > a > img { height: 17vw;
					   														width: 17vw;
}
/* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */
section.display>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.display>h3 {font-size: 3.5vw;
 }

 div.display>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.display > div {margin-top: 3vw;}
body > div.container.display > 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.display > div > section>div>a>img { 	height: 16vw;
														   width: 16vw;
														   border-radius:50%;
}
body > div.container.display > div > section:nth-child(3) > div > a > img { height: 16vw;
					   														width: 16vw;
}
/* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */
section.display>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.display>h3 {font-size: 3.2vw;
 }

 div.display>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.display > div {margin-top: 3vw;}
body > div.container.display > 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.display > div > section>div>a>img { 	height: 15vw;
														   width: 15vw;
														   border-radius:50%;
									}

body > div.container.display > div > section:nth-child(3) > div > a > img { height: 15vw;
					   														width: 15vw;
}
/* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */
section.display>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.display>h3 {font-size: 3vw;
 }

 div.display>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.display > div {margin-top: 3vw;}
body > div.container.display > 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.display > div > section>div>a>img { 	height: 14vw;
														   width: 14vw;
														   border-radius:50%;
									}
body > div.container.display > div > section:nth-child(3) > div > a > img { height: 14vw;
					   														width: 14vw;
}

/* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */
section.display>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*/