
/* ESTILO BONÉS */

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


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

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

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

}

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

div.img_boneSub {  	margin: 2vw auto 1vw auto; ;
					padding:1vw;
					border: 2px dotted orange;
}

body > div.container.boneSub > div > div > div > img {  width: 31vw;
					     								 height: auto;
}

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

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

section.boneSubTxt>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;
					
}


/*-----------ESTILOS PARA AS MIDIAS QUERIES DA PAGINA ACIMA - bone EM LONA -------------*/

/* Midia Queries tela pequenas */

/*Extra small devices (portrait phones, less than 299px)*/
@media (max-width: 299.98px) { 
/* FORMATAÇÃO DO TÍTULO PRINCIPAL */

body > div.container.boneSub > h3  { margin-top: 3vw;
 		                                 font-size: 4.8vw;
 }
/* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */

body > div.container.boneSub > nav > ul > li>a{ font-size: 2.5vw;
                                                background: darkblue;
                                                color: white;
                                                height: 35px;
}
body > div.container.boneSub > nav > ul > li>a:hover{ background: silver;
                                                      color: black;}

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


body > div.container.boneSub > div > div > div {text-align: center;}
div.img_boneSub {  	margin: 2vw auto 1vw auto; ;
              			padding:1vw;
              			border: 2px dotted orange;
                    margin-bottom: 3vw;
                    margin-top: 4vw;
                    width: 89vw;
}

body > div.container.boneSub > div > div > div > img {  width: 85vw;
					                                              height: auto;
}

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

section.boneSubTxt>p {  font-size: 3.5vw;
			                  text-align:center;
                         margin-top: 3vw;
}

section.boneSubTxt>h4 {  text-align: center;
			                   margin: auto;
 		                     font-size: 6vw;
                          
}


} /* Final @media max 299px */
 

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

/* FORMATAÇÃO DO TÍTULO PRINCIPAL */

body > div.container.boneSub > h3{ margin-top: 3vw;
 		                               font-size: 4.5vw;
 }
/* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */

body > div.container.boneSub > nav > ul > li>a{ font-size: 2vw;
                                                background: darkblue;
                                                color: white;
                                                height: 40.1px;
}
body > div.container.boneSub > nav > ul > li>a:hover{ background: silver;
                                                      color: black;}

/* FORMATAÇÃO DO BOX DAS IMAGENS  */
body > div.container.boneSub > div > div > div {text-align: center;}
div.img_boneSub {  	margin: 2vw auto 1vw auto; ;
              			padding:1vw;
              			border: 2px dotted orange;
                    margin-bottom: 3vw;
                    margin-top: 4vw;
                    width: 89vw;
}

body > div.container.boneSub > div > div > div > img {  width: 85vw;
					                                              height: auto;
}

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

section.boneSubTxt>p {  font-size: 2.5vw;
			                  text-align:center;
                        margin-top: 2vw;
}

section.boneSubTxt>h4 {text-align: center;
			                 margin: auto;
 		                   font-size: 4.5vw;
                          
}
      
    
} /* Final @media 350px */


/* Ponto final  de redução da minha TELA */ 
/* Small devices (landscape phones, 500px and up)*/
@media (min-width: 500px) and (max-width: 599.98px) {
#navbarToggler01 > ul > li.nav-item {z-index: 10000}

/* FORMATAÇÃO DO TÍTULO PRINCIPAL */

body > div.container.boneSub > h3 { margin-top: 3vw;
 		                       font-size: 4vw;
 }
/* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */

body > div.container.boneSub > nav > ul > li>a{font-size: 2vw;
                                                  background: darkblue;
                                                  color: white;
                                                  height: 40.1px;
}
body > div.container.boneSub > nav > ul > li>a:hover{ background: silver;
                                                         color: black;}

/* FORMATAÇÃO DO BOX DAS IMAGENS  */
body > div.container.boneSub > div > div > div {text-align: center;}

div.img_boneSub {  	margin: 2vw auto 1vw auto; ;
			padding:1vw;
			border: 2px dotted orange;
                        margin-bottom: 3vw;
                        margin-top: 4vw;
                        width: 88vw;
}

body > div.container.boneSub > div > div > div > img {  width: 84vw;
					                   height: auto;
}

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

section.boneSubTxt>p {font-size: 2.5vw;
			 text-align:center;
                         margin-top: 2vw;
}

section.boneSubTxt>h4 {text-align: center;
			  margin: auto;
 		          font-size: 4.5vw;
                          
}


} /* 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}

/* FORMATAÇÃO DO TÍTULO PRINCIPAL */

body > div.container.boneSub > h3{ margin-top: 3vw;
 		                      font-size: 3.7vw;
 }
/* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */

body > div.container.boneSub > nav > ul > li>a{ font-size: 2vw;
                                                   background: darkblue;
                                                   color: white;
                                                   height: 50px;
}

body > div.container.boneSub > nav > ul > li>a:hover{ background: silver;
                                                         color: black;}


/* FORMATAÇÃO DO BOX DAS IMAGENS  */
body > div.container.boneSub > div > div > div {text-align: center;}

div.img_boneSub {  	margin: 2vw auto 1vw auto; ;
			padding:1vw;
			border: 2px dotted orange;
                        margin-bottom: 2vw;
                        margin-top: 4vw;
                        width: 68vw;
}

body > div.container.boneSub > div > div > div > img {  width: 65vw;
					                   height: auto;
                                                           text-align: center;
}

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

section.boneSubTxt>p {font-size: 2vw;
			 text-align:center;
                         margin-top: 1vw;
}

section.boneSubTxt>h4 {text-align: center;
			  margin: auto;
 		          font-size: 3.6vw;
                          
}

} /* 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}

/* FORMATAÇÃO DO TÍTULO PRINCIPAL */

body > div.container.boneSub > h3{ margin-top: 3vw;
 		                      font-size: 3.5vw;
 }
/* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */

body > div.container.boneSub > nav > ul > li>a{font-size: 1.5vw;
                                                  height: 35px;
}




/* FORMATAÇÃO DO BOX DAS IMAGENS  */
body > div.container.boneSub > div > div > div {text-align: center;}

div.img_boneSub {  	margin: 2vw auto 1vw auto; ;
			padding:1vw;
			border: 2px dotted orange;
                        margin-bottom: 2vw;
                        margin-top: 4vw;
                        width: 51vw;
                        
}

body > div.container.boneSub > div > div > div > img {  width: 49vw;
					                   height: auto;
                                                           text-align: center;
}

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

section.boneSubTxt>p {font-size: 1.6vw;
			 text-align:center;
                         margin-top: 1vw;
}

section.boneSubTxt>h4 {text-align: center;
			  margin: auto;
 		          font-size: 3vw;
                          
}


}/* 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}

/* FORMATAÇÃO DO TÍTULO PRINCIPAL */

body > div.container.boneSub > h3{ margin-top: 3vw;
 		                      font-size: 3vw;
 }
/* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */

body > div.container.boneSub > nav > ul > li>a{font-size: 1.2vw;
                                                  height: 35px;
}




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

div.img_boneSub {  	margin: 2vw auto 1vw auto; ;
			padding:1vw;
			border: 2px dotted orange;
                        margin-bottom: 2vw;
                        margin-top: 3vw;
                        width: 57vw;
}

body > div.container.boneSub > div > div > div > img {  width: 55vw;
					                   height: auto;
                                                           text-align: center;
}

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

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

section.boneSubTxt>h4 {text-align: center;
			  margin: auto;
 		          font-size: 2.8vw;
                          
}




 }/* Final @media 992px */
 

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 


#navbarToggler01 > ul > li.nav-item {z-index: 10000}

/* FORMATAÇÃO DO TÍTULO PRINCIPAL */

body > div.container.boneSub > h3{ margin-top: 3vw;
 		                      font-size: 2.2vw;
 }
/* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */

body > div.container.boneSub > nav > ul > li>a{font-size: .8vw;
}


/* FORMATAÇÃO DO BOX DAS IMAGENS  */
body > div.container.boneSub > div > div > div {text-align: center;}

div.img_boneSub {  	margin: 2vw auto 1vw auto; ;
			padding:1vw;
			border: 2px dotted orange;
                        width: 43vw;
}

body > div.container.boneSub > div > div > div > img {  width: 41vw;
					                  height: auto;
                                                          text-align: center;
}

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

section.boneSubTxt>p {font-size: 1vw;
			 text-align:center;
                         margin-top: 1vw;
}

section.boneSubTxt>h4 {text-align: center;
			  margin: auto;
 		          font-size: 2vw;
                          
}




 }/* Final @media 1200px*/
 /*------------------------------FINAL ESTILOS PARA AS MIDIAS QUERIES -----------------*/
 





/* ESTILO PAGINA BORDAR */

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

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

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

}

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

div.img_bordarSub {  margin: 2vw auto 1vw auto; ;
          					 padding:1vw ;
          					 border: 2px dotted orange;

}
body > div.container.bordarSub > div > div > div > img {  width: 35.5vw;
					     								                            height: auto;
}


/* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */
section.bordarSubTxt>p { font-size: .9vw;
					               text-align:center;
}
section.bordarSubTxt>p>b {color: red;
}
section.bordarSubTxt>h4 { text-align: center;
					                margin: auto;
}
/*Formatação do Botão cadastrar */
 body > div.container.microSub > b > b > div{ text-align: center;
				  							                      margin: 3vw;
}

#orcamento{   padding: .5vw 1vw;
}


/*-----------ESTILOS PARA AS MIDIAS QUERIES DA PAGINA ACIMA - PAGINA BORDAR -------------*/

/* Midia Queries tela pequenas */

/*Extra small devices (portrait phones, less than 299px)*/
@media (max-width: 299.98px) { 
/* FORMATAÇÃO DO TÍTULO PRINCIPAL */

body > div.container.bordarSub > h3  { margin-top: 3vw;
 		                        font-size: 4.8vw;
 }
/* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */

body > div.container.bordarSub > nav > ul > li>a{font-size: 2.5vw;
                                                  background: darkblue;
                                                  color: white;
                                                  height: 35px;
}
body > div.container.bordarSub > nav > ul > li>a:hover{ background: silver;
                                                         color: black;}

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


body > div.container.bordarSub > div > div > div {text-align: center;}
div.img_bordarSub {  	margin: 2vw auto 1vw auto; ;
			padding:1vw;
			border: 2px dotted orange;
                        margin-bottom: 3vw;
                        margin-top: 4vw;
                        width: 89vw;
}

body > div.container.bordarSub > div > div > div > img {  width: 85vw;
					                  height: auto;
}

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

section.bordarSubTxt>p {font-size: 3.5vw;
			 text-align:center;
                         margin-top: 3vw;
}

section.bordarSubTxt>h4 {text-align: center;
			  margin: auto;
 		          font-size: 6vw;
                          
}


} /* Final @media max 299px */
 

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

/* FORMATAÇÃO DO TÍTULO PRINCIPAL */

body > div.container.bordarSub > h3{ margin-top: 3vw;
 		                      font-size: 4.5vw;
 }
/* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */

body > div.container.bordarSub > nav > ul > li>a{font-size: 2vw;
                                                  background: darkblue;
                                                  color: white;
                                                  height: 40.1px;
}
body > div.container.bordarSub > nav > ul > li>a:hover{ background: silver;
                                                         color: black;}

/* FORMATAÇÃO DO BOX DAS IMAGENS  */
body > div.container.bordarSub > div > div > div {text-align: center;}
div.img_bordarSub {  	margin: 2vw auto 1vw auto; ;
			padding:1vw;
			border: 2px dotted orange;
                        margin-bottom: 3vw;
                        margin-top: 4vw;
                        width: 89vw;
}

body > div.container.bordarSub > div > div > div > img {  width: 85vw;
					                   height: auto;
}

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

section.bordarSubTxt>p {font-size: 2.5vw;
			 text-align:center;
                         margin-top: 2vw;
}

section.bordarSubTxt>h4 {text-align: center;
			  margin: auto;
 		          font-size: 4.5vw;
                          
}
      
    
} /* Final @media 350px */


/* Ponto final  de redução da minha TELA */ 
/* Small devices (landscape phones, 500px and up)*/
@media (min-width: 500px) and (max-width: 599.98px) {
#navbarToggler01 > ul > li.nav-item {z-index: 10000}

/* FORMATAÇÃO DO TÍTULO PRINCIPAL */

body > div.container.bordarSub > h3 { margin-top: 3vw;
 		                       font-size: 4vw;
 }
/* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */

body > div.container.bordarSub > nav > ul > li>a{font-size: 2vw;
                                                  background: darkblue;
                                                  color: white;
                                                  height: 40.1px;
}
body > div.container.bordarSub > nav > ul > li>a:hover{ background: silver;
                                                         color: black;}

/* FORMATAÇÃO DO BOX DAS IMAGENS  */
body > div.container.bordarSub > div > div > div {text-align: center;}

div.img_bordarSub {  	margin: 2vw auto 1vw auto; ;
			padding:1vw;
			border: 2px dotted orange;
                        margin-bottom: 3vw;
                        margin-top: 4vw;
                        width: 88vw;
}

body > div.container.bordarSub > div > div > div > img {  width: 84vw;
					                   height: auto;
}

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

section.bordarSubTxt>p {font-size: 2.5vw;
			 text-align:center;
                         margin-top: 2vw;
}

section.bordarSubTxt>h4 {text-align: center;
			  margin: auto;
 		          font-size: 4.5vw;
                          
}


} /* 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}

/* FORMATAÇÃO DO TÍTULO PRINCIPAL */

body > div.container.bordarSub > h3{ margin-top: 3vw;
 		                      font-size: 3.7vw;
 }
/* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */

body > div.container.bordarSub > nav > ul > li>a{ font-size: 2vw;
                                                   background: darkblue;
                                                   color: white;
                                                   height: 50px;
}

body > div.container.bordarSub > nav > ul > li>a:hover{ background: silver;
                                                         color: black;}


/* FORMATAÇÃO DO BOX DAS IMAGENS  */
body > div.container.bordarSub > div > div > div {text-align: center;}

div.img_bordarSub {  	margin: 2vw auto 1vw auto; ;
			padding:1vw;
			border: 2px dotted orange;
                        margin-bottom: 2vw;
                        margin-top: 4vw;
                        width: 68vw;
}

body > div.container.bordarSub > div > div > div > img {  width: 65vw;
					                   height: auto;
                                                           text-align: center;
}

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

section.bordarSubTxt>p {font-size: 2vw;
			 text-align:center;
                         margin-top: 1vw;
}

section.bordarSubTxt>h4 {text-align: center;
			  margin: auto;
 		          font-size: 3.6vw;
                          
}

} /* 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}

/* FORMATAÇÃO DO TÍTULO PRINCIPAL */

body > div.container.bordarSub > h3{ margin-top: 3vw;
 		                      font-size: 3.5vw;
 }
/* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */

body > div.container.bordarSub > nav > ul > li>a{font-size: 1.5vw;
                                                  height: 35px;
}




/* FORMATAÇÃO DO BOX DAS IMAGENS  */
body > div.container.bordarSub > div > div > div {text-align: center;}

div.img_bordarSub {  	margin: 2vw auto 1vw auto; ;
			padding:1vw;
			border: 2px dotted orange;
                        margin-bottom: 2vw;
                        margin-top: 4vw;
                        width: 51vw;
                        
}

body > div.container.bordarSub > div > div > div > img {  width: 49vw;
					                   height: auto;
                                                           text-align: center;
}

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

section.bordarSubTxt>p {font-size: 1.6vw;
			 text-align:center;
                         margin-top: 1vw;
}

section.bordarSubTxt>h4 {text-align: center;
			  margin: auto;
 		          font-size: 3vw;
                          
}


}/* 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}

/* FORMATAÇÃO DO TÍTULO PRINCIPAL */

body > div.container.bordarSub > h3{ margin-top: 3vw;
 		                      font-size: 3vw;
 }
/* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */

body > div.container.bordarSub > nav > ul > li>a{font-size: 1.2vw;
                                                  height: 35px;
}




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

div.img_bordarSub {  	margin: 2vw auto 1vw auto; ;
			padding:1vw;
			border: 2px dotted orange;
                        margin-bottom: 2vw;
                        margin-top: 3vw;
                        width: 57vw;
}

body > div.container.bordarSub > div > div > div > img {  width: 55vw;
					                   height: auto;
                                                           text-align: center;
}

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

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

section.bordarSubTxt>h4 {text-align: center;
			  margin: auto;
 		          font-size: 2.8vw;
                          
}




 }/* Final @media 992px */
 

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 


#navbarToggler01 > ul > li.nav-item {z-index: 10000}

/* FORMATAÇÃO DO TÍTULO PRINCIPAL */

body > div.container.bordarSub > h3{ margin-top: 3vw;
 		                      font-size: 2.2vw;
 }
/* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */

body > div.container.bordarSub > nav > ul > li>a{font-size: .8vw;
}


/* FORMATAÇÃO DO BOX DAS IMAGENS  */
body > div.container.bordarSub > div > div > div {text-align: center;}

div.img_bordarSub {  	margin: 2vw auto 1vw auto; ;
			padding:1vw;
			border: 2px dotted orange;
                        width: 43vw;
}

body > div.container.bordarSub > div > div > div > img {  width: 41vw;
					                  height: auto;
                                                          text-align: center;
}

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

section.bordarSubTxt>p {font-size: 1vw;
			 text-align:center;
                         margin-top: 1vw;
}

section.bordarSubTxt>h4 {text-align: center;
			  margin: auto;
 		          font-size: 2vw;
                          
}




 }/* Final @media 1200px*/
 /*------------------------------FINAL ESTILOS PARA AS MIDIAS QUERIES -----------------*/
 







/* ESTILO PAGINA ESTAMPAR */

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

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

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

}

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

div.img_estamparSub {  margin: 2vw auto 1vw auto; ;
					 padding:1vw ;
					 border: 2px dotted orange;

}
body > div.container.estamparSub > div > div > div > img {  width: 35.5vw;
					     								  height: auto;
}


/* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */
section.estamparSubTxt>p {font-size: .9vw;
					       text-align:center;
}
section.estamparSubTxt>p>b {color: red;
}
section.estamparSubTxt>h4 {text-align: center;
					         margin: auto;
}
/*Formatação do Botão cadastrar */
 body > div.container.microSub > b > b > div{ text-align: center;
				  							  margin: 3vw;
}

#orcamento{   padding: .5vw 1vw;
}



/*-----------ESTILOS PARA AS MIDIAS QUERIES DA PAGINA ACIMA - PÁGINA ESTAMPAR -------------*/

/* Midia Queries tela pequenas */

/*Extra small devices (portrait phones, less than 299px)*/
@media (max-width: 299.98px) { 
/* FORMATAÇÃO DO TÍTULO PRINCIPAL */

body > div.container.estamparSub > h3  { margin-top: 3vw;
 		                        font-size: 4.8vw;
 }
/* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */

body > div.container.estamparSub > nav > ul > li>a{font-size: 2.5vw;
                                                  background: darkblue;
                                                  color: white;
                                                  height: 35px;
}
body > div.container.estamparSub > nav > ul > li>a:hover{ background: silver;
                                                         color: black;}

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


body > div.container.estamparSub > div > div > div {text-align: center;}
div.img_estamparSub {  	margin: 2vw auto 1vw auto; ;
			padding:1vw;
			border: 2px dotted orange;
                        margin-bottom: 3vw;
                        margin-top: 4vw;
                        width: 89vw;
}

body > div.container.estamparSub > div > div > div > img {  width: 85vw;
					                  height: auto;
}

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

section.estamparSubTxt>p {font-size: 3.5vw;
			 text-align:center;
                         margin-top: 3vw;
}

section.estamparSubTxt>h4 {text-align: center;
			  margin: auto;
 		          font-size: 6vw;
                          
}


} /* Final @media max 299px */
 

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

/* FORMATAÇÃO DO TÍTULO PRINCIPAL */

body > div.container.estamparSub > h3{ margin-top: 3vw;
 		                      font-size: 4.5vw;
 }
/* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */

body > div.container.estamparSub > nav > ul > li>a{font-size: 2vw;
                                                  background: darkblue;
                                                  color: white;
                                                  height: 40.1px;
}
body > div.container.estamparSub > nav > ul > li>a:hover{ background: silver;
                                                         color: black;}

/* FORMATAÇÃO DO BOX DAS IMAGENS  */
body > div.container.estamparSub > div > div > div {text-align: center;}
div.img_estamparSub {  	margin: 2vw auto 1vw auto; ;
			padding:1vw;
			border: 2px dotted orange;
                        margin-bottom: 3vw;
                        margin-top: 4vw;
                        width: 89vw;
}

body > div.container.estamparSub > div > div > div > img {  width: 85vw;
					                   height: auto;
}

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

section.estamparSubTxt>p {font-size: 2.5vw;
			 text-align:center;
                         margin-top: 2vw;
}

section.estamparSubTxt>h4 {text-align: center;
			  margin: auto;
 		          font-size: 4.5vw;
                          
}
      
    
} /* Final @media 350px */


/* Ponto final  de redução da minha TELA */ 
/* Small devices (landscape phones, 500px and up)*/
@media (min-width: 500px) and (max-width: 599.98px) {
#navbarToggler01 > ul > li.nav-item {z-index: 10000}

/* FORMATAÇÃO DO TÍTULO PRINCIPAL */

body > div.container.estamparSub > h3 { margin-top: 3vw;
 		                       font-size: 4vw;
 }
/* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */

body > div.container.estamparSub > nav > ul > li>a{font-size: 2vw;
                                                  background: darkblue;
                                                  color: white;
                                                  height: 35px;
}
body > div.container.estamparSub > nav > ul > li>a:hover{ background: silver;
                                                         color: black;}

/* FORMATAÇÃO DO BOX DAS IMAGENS  */
body > div.container.estamparSub > div > div > div {text-align: center;}

div.img_estamparSub {  	margin: 2vw auto 1vw auto; ;
			padding:1vw;
			border: 2px dotted orange;
                        margin-bottom: 3vw;
                        margin-top: 4vw;
                        width: 88vw;
}

body > div.container.estamparSub > div > div > div > img {  width: 84vw;
					                   height: auto;
}

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

section.estamparSubTxt>p {font-size: 2.5vw;
			 text-align:center;
                         margin-top: 2vw;
}

section.estamparSubTxt>h4 {text-align: center;
			  margin: auto;
 		          font-size: 4.5vw;
                          
}


} /* 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}

/* FORMATAÇÃO DO TÍTULO PRINCIPAL */

body > div.container.estamparSub > h3{ margin-top: 3vw;
 		                      font-size: 3.7vw;
 }
/* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */

body > div.container.estamparSub > nav > ul > li>a{ font-size: 2vw;
                                                   background: darkblue;
                                                   color: white;
                                                   height: 40px;
}

body > div.container.estamparSub > nav > ul > li>a:hover{ background: silver;
                                                         color: black;}


/* FORMATAÇÃO DO BOX DAS IMAGENS  */
body > div.container.estamparSub > div > div > div {text-align: center;}

div.img_estamparSub {  	margin: 2vw auto 1vw auto; ;
			padding:1vw;
			border: 2px dotted orange;
                        margin-bottom: 2vw;
                        margin-top: 4vw;
                        width: 68vw;
}

body > div.container.estamparSub > div > div > div > img {  width: 65vw;
					                   height: auto;
                                                           text-align: center;
}

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

section.estamparSubTxt>p {font-size: 2vw;
			 text-align:center;
                         margin-top: 1vw;
}

section.estamparSubTxt>h4 {text-align: center;
			  margin: auto;
 		          font-size: 3.6vw;
                          
}

} /* 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}

/* FORMATAÇÃO DO TÍTULO PRINCIPAL */

body > div.container.estamparSub > h3{ margin-top: 3vw;
 		                      font-size: 3.5vw;
 }
/* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */

body > div.container.estamparSub > nav > ul > li>a{font-size: 1.5vw;
                                                  height: 35px;
}




/* FORMATAÇÃO DO BOX DAS IMAGENS  */
body > div.container.estamparSub > div > div > div {text-align: center;}

div.img_estamparSub {  	margin: 2vw auto 1vw auto; ;
			padding:1vw;
			border: 2px dotted orange;
                        margin-bottom: 2vw;
                        margin-top: 4vw;
                        width: 51vw;
                        
}

body > div.container.estamparSub > div > div > div > img {  width: 49vw;
					                   height: auto;
                                                           text-align: center;
}

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

section.estamparSubTxt>p {font-size: 1.6vw;
			 text-align:center;
                         margin-top: 1vw;
}

section.estamparSubTxt>h4 {text-align: center;
			  margin: auto;
 		          font-size: 3vw;
                          
}


}/* 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}

/* FORMATAÇÃO DO TÍTULO PRINCIPAL */

body > div.container.estamparSub > h3{ margin-top: 3vw;
 		                      font-size: 3vw;
 }
/* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */

body > div.container.estamparSub > nav > ul > li>a{font-size: 1.2vw;
                                                  height: 35px;
}




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

div.img_estamparSub {  	margin: 2vw auto 1vw auto; ;
			padding:1vw;
			border: 2px dotted orange;
                        margin-bottom: 2vw;
                        margin-top: 3vw;
                        width: 57vw;
}

body > div.container.estamparSub > div > div > div > img {  width: 55vw;
					                   height: auto;
                                                           text-align: center;
}

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

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

section.estamparSubTxt>h4 {text-align: center;
			  margin: auto;
 		          font-size: 2.8vw;
                          
}




 }/* Final @media 992px */
 

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 


#navbarToggler01 > ul > li.nav-item {z-index: 10000}

/* FORMATAÇÃO DO TÍTULO PRINCIPAL */

body > div.container.estamparSub > h3{ margin-top: 3vw;
 		                      font-size: 2.2vw;
 }
/* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */

body > div.container.estamparSub > nav > ul > li>a{font-size: .8vw;
}


/* FORMATAÇÃO DO BOX DAS IMAGENS  */
body > div.container.estamparSub > div > div > div {text-align: center;}

div.img_estamparSub {  	margin: 2vw auto 1vw auto; ;
			padding:1vw;
			border: 2px dotted orange;
                        width: 43vw;
}

body > div.container.estamparSub > div > div > div > img {  width: 41vw;
					                  height: auto;
                                                          text-align: center;
}

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

section.estamparSubTxt>p {font-size: 1vw;
			 text-align:center;
                         margin-top: 1vw;
}

section.estamparSubTxt>h4 {text-align: center;
			                     margin: auto;
 		                       font-size: 2vw;
                          
}




 }/* Final @media 1200px*/
 /*------------------------------FINAL ESTILOS PARA AS MIDIAS QUERIES -----------------*/

