* {box-sizing: border-box;
/*compatibilidade com navegadores antigos */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
   padding: 0px;
   margin: 0px;
   font-family: 'PT Sans Caption', sans-serif;
}


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

div.servico>hr {border: 1.2px dashed orange;
				margin: 0px;
}

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

}

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

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

div.img_servico>a>img { height: 7vw;
						width: 7vw;
						border-radius:50%;
						z-index: -1;

}
body > div.container.servico > div:nth-child(3) > section:nth-child(3) > div > a > img {  height: 7vw;
																						  width: 5.5vw;
																						  border-radius:50%;
																						  z-index: -1;
}	

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

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

section.servico {text-align: center;
}

section.servico>p { font-size: .7vw;
                    text-align: center;
                    margin-top: .5vw;
}

section.servico>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 */

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

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

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

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

}

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


        
        

} /* Final @media max 299px */
 

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 300px) and (max-width: 499.98px) {
	/* Estilos da HOME */
/* Título da página */
div.servico>h3 {font-size: 6vw;
 }

 div.servico>p {font-size: 3.5vw;
		width: 65vw;
}

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

body > div.container.servico > div > section>div>a>img {height: 24vw;
							width: 24vw;
							border-radius:50%;
                                                        z-index: -1;
}
body > div.container.servico > div > section:nth-child(3) > div > a > img.recorte {  height: 24vw;
                                                                                     width: 20.5vw;
                                                                                     border-radius:50%;
                                                                                     z-index: -1;

}

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


} /* Final @media 300px */


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

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

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

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

}

/* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */
section.servico>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) {
#navbarToggler01 > ul > li.nav-item {z-index: 10000}

div.servico>h3 {font-size: 4vw;
 }

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

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

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

 div.servico>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.servico > div {margin-top: 3vw;}
body > div.container.servico > 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.servico > div > section>div>a>img { 	height: 16vw;
														   width: 16vw;
														   border-radius:50%;
									}
body > div.container.servico > 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.servico>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) {
#navbarToggler01 > ul > li.nav-item {z-index: 10000}

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

 div.servico>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.servico > div {margin-top: 3vw;}
body > div.container.servico > 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.servico > div > section>div>a>img { 	height: 15vw;
														   width: 15vw;
														   border-radius:50%;
									}
body > div.container.servico > 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.servico>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.servico>h3 {font-size: 3vw; 
				text-align: center;
 }



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

/* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */
section.servico>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){ 
/* Título da página */
div.servico>h3 {	font-size: 2vw;
					
 }










 }/* Final @media 1500px*/