/* Formatação dos Estilos da pagina Adesivo Impresso */ * { 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.adesivoSub>h3 { text-align: center; padding-top: 2vw; color: darkorange; } div.adesivoSub>hr { border: 1.5px dashed silver; } div.adesivoSub>p { font-size: 1vw; width: 40vw; margin: auto; text-align: justify; } /* FORMATAÇÃO DO BOX DAS IMAGENS REDONDAS */ div.img_adesivoSub { padding:1vw; border: 2px dotted orange; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.adesivoSubTxt>p { font-size: .9vw; text-align:center; } section.adesivoSubTxt>p>b { color: red; } section.adesivoSubTxt>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 - ADESIVO -----------------*/ /* 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.adesivoSub > h3 { margin-top: 3vw; font-size: 4.8vw; } /* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */ body > div.container.adesivoSub > nav > ul > li>a{font-size: 2.5vw; background: darkblue; color: white; height: 35px; } body > div.container.adesivoSub > nav > ul > li>a:hover{ background: silver; color: black;} /* FORMATAÇÃO DO BOX DAS IMAGENS */ div.img_adesivoSub { margin: 2vw auto 1vw auto; ; padding:1vw; border: 2px dotted orange; margin-bottom: 3vw; } body > div.container.adesivoSub > div > div > div > img { width: 80vw; height: auto; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.adesivoSubTxt>p {font-size: 3.5vw; text-align:center; margin-top: 3vw; } section.adesivoSubTxt>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.adesivoSub > h3{ margin-top: 3vw; font-size: 4.5vw; } /* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */ body > div.container.adesivoSub > nav > ul > li>a{font-size: 2vw; background: darkblue; color: white; height: 40.1px; } body > div.container.adesivoSub > nav > ul > li>a:hover{ background: silver; color: black;} /* FORMATAÇÃO DO BOX DAS IMAGENS */ div.img_adesivoSub { margin: 2vw auto 1vw auto; ; padding:1vw; border: 2px dotted orange; margin-bottom: 3vw; margin-top: 4vw; width: 84vw; } body > div.container.adesivoSub > div > div > div > img { width: 80vw; height: auto; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.adesivoSubTxt>p {font-size: 2.5vw; text-align:center; margin-top: 2vw; } section.adesivoSubTxt>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.adesivoSub > h3 { margin-top: 3vw; font-size: 4vw; } /* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */ body > div.container.adesivoSub > nav > ul > li>a{font-size: 2vw; background: darkblue; color: white; height: 40.1px; } body > div.container.adesivoSub > nav > ul > li>a:hover{ background: silver; color: black;} /* FORMATAÇÃO DO BOX DAS IMAGENS */ div.img_adesivoSub { margin: 2vw auto 1vw auto; ; padding:1vw; border: 2px dotted orange; margin-bottom: 3vw; margin-top: 4vw; width: 84vw; } body > div.container.adesivoSub > div > div > div > img { width: 80vw; height: auto; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.adesivoSubTxt>p {font-size: 2.5vw; text-align:center; margin-top: 2vw; } section.adesivoSubTxt>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.adesivoSub > h3{ margin-top: 3vw; font-size: 3.7vw; } /* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */ body > div.container.adesivoSub > nav > ul > li>a{ font-size: 2vw; background: darkblue; color: white; height: 50px; } body > div.container.adesivoSub > nav > ul > li>a:hover{ background: silver; color: black;} /* FORMATAÇÃO DO BOX DAS IMAGENS */ div.img_adesivoSub { margin: 2vw auto 1vw auto; ; padding:1vw; border: 2px dotted orange; margin-bottom: 2vw; margin-top: 4vw; width: 67vw; } body > div.container.adesivoSub > div > div > div > img { width: 65vw; height: auto; text-align: center; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.adesivoSubTxt>p {font-size: 2vw; text-align:center; margin-top: 1vw; } section.adesivoSubTxt>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.adesivoSub > h3{ margin-top: 3vw; font-size: 3.5vw; } /* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */ body > div.container.adesivoSub > nav > ul > li>a{font-size: 1.5vw; height: 35px; } /* FORMATAÇÃO DO BOX DAS IMAGENS */ div.img_adesivoSub { margin: 2vw auto 1vw auto; ; padding:1vw; border: 2px dotted orange; margin-bottom: 2vw; margin-top: 4vw; width: 34vw; } body > div.container.adesivoSub > div > div > div > img { width: 32vw; height: auto; text-align: center; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.adesivoSubTxt>p {font-size: 1.6vw; text-align:center; margin-top: 1vw; } section.adesivoSubTxt>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.adesivoSub > h3{ margin-top: 3vw; font-size: 3vw; } /* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */ body > div.container.adesivoSub > nav > ul > li>a{font-size: 1.2vw; height: 35px; } /* FORMATAÇÃO DO BOX DAS IMAGENS */ div.img_adesivoSub { margin: 2vw auto 1vw auto; ; padding:1vw; border: 2px dotted orange; margin-bottom: 2vw; margin-top: 3vw; width: 38 vw; } body > div.container.adesivoSub > div > div > div > img { width: 36vw; height: auto; text-align: center; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.adesivoSubTxt>p {font-size: 1.3vw; text-align:center; margin-top: 1vw; } section.adesivoSubTxt>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.adesivoSub > h3{ font-size: 2.2vw; } /* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */ body > div.container.adesivoSub > nav > ul > li>a{font-size: .8vw; } /* FORMATAÇÃO DO BOX DAS IMAGENS */ div.img_adesivoSub { margin: 2vw auto 1vw auto; ; padding:1vw; border: 2px dotted orange; width: 27vw; } body > div.container.adesivoSub > div > div > div > img { width: 25vw; height: auto; text-align: center; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.adesivoSubTxt>p { font-size: 1vw; text-align:center; margin-top: 1vw; } section.adesivoSubTxt>h4 { text-align: center; margin: auto; font-size: 2vw; } }/* Final @media 1200px*/ /*------------------------------FINAL ESTILOS PARA AS MIDIAS QUERIES -----------------*/ * /* Adesivo MICROPERFURADO *//* Adesivo MICROPERFURADO *//* Adesivo MICROPERFURADO */ div.perfuradoSub>h3 {text-align: center; padding-top: 2vw; color: darkorange; } div.perfuradoSub>hr {border: 1.5px dashed silver; } div.perfuradoSub>p { font-size: 1vw; width: 40vw; margin: auto; text-align: justify; } /* FORMATAÇÃO DO BOX DAS IMAGENS REDONDAS */ div.img_perfuradoSub { margin: 2vw auto 1vw auto; ; border: 2px dotted orange; } body > div.container.microSub > div > div > div > img { width: 20vw; height: auto; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.perfuradoSubTxt>p {font-size: .9vw; text-align:center; } section.perfuradoSubTxt>p>b {color: red; } section.perfuradoSubTxt>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 PAGINA ACIMA - ADESIVO PERFURADO ------------*/ /* Midia Queries tela pequenas */ /*Extra small devices (portrait phones, less than 300px)*/ @media (max-width: 299.98px) { /* FORMATAÇÃO DO TÍTULO PRINCIPAL */ body > div.container.perfuradoSub > h3{ margin-top: 4.8vw; font-size: 5vw; color: darkorange; } /* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */ body > div.container.perfuradoSub > nav > ul > li>a{font-size: 2.5vw; background: black; color: white; height: 35px; margin-top: 0vw; } body > div.container.perfuradoSub > nav > ul > li>a:hover{ background: silver; color: black;} /* FORMATAÇÃO DO BOX DAS IMAGENS */ div.img_perfuradoSub { margin: 2vw auto 1vw auto; ; width: 84vw; } body > div.container.perfuradoSub > div > div {text-align: center;} body > div.container.perfuradoSub > div > div > div > img { width: 80vw; height: auto; padding:1vw; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.perfuradoSubTxt>p {font-size: 3.5vw; text-align:center; margin-top: 2vw; } section.perfuradoSubTxt>h4 {text-align: center; font-size: 6vw; margin-top: 1.5vw; } } /* Final @media max 299px */ /* Small devices (landscape phones, 499px and up)*/ @media (min-width: 300px) and (max-width: 499.98px) { #navbarToggler01 > ul > li.nav-item {z-index: 10000} /* FORMATAÇÃO DO TÍTULO PRINCIPAL */ body > div.container.perfuradoSub > h3{ margin-top: 3vw; font-size: 4.5vw; color: darkorange; } /* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */ body > div.container.perfuradoSub > nav > ul > li>a{font-size: 2.5vw; background: black; color: white; height: 40px; } body > div.container.perfuradoSub > nav > ul > li>a:hover{ background: silver; color: black;} /* FORMATAÇÃO DO BOX DAS IMAGENS */ div.img_perfuradoSub { margin: 2vw auto 1vw auto; width: 84vw; } body > div.container.perfuradoSub > div > div {text-align: center;} body > div.container.perfuradoSub > div > div > div > img { width: 80vw; height: auto; padding:2vw; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.perfuradoSubTxt>p {font-size: 3.5vw; text-align:center; margin-top: 2vw; } section.perfuradoSubTxt>h4 {text-align: center; margin-top: 2vw; font-size: 6vw; } } /* Final @media 300px */ /* 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.perfuradoSub > h3{ margin-top: 3vw; font-size: 4.5vw; color: darkorange; } /* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */ body > div.container.perfuradoSub > nav > ul > li>a{font-size: 2vw; background: black; color: white; height: 40.1px; } body > div.container.perfuradoSub > nav > ul > li>a:hover{ background: silver; color: black;} /* FORMATAÇÃO DO BOX DAS IMAGENS */ div.img_perfuradoSub { margin: 2vw auto 1vw auto; width: 84vw; } body > div.container.perfuradoSub > div > div {text-align: center;} body > div.container.perfuradoSub > div > div > div > img { width: 80vw; height: auto; padding:1vw; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.perfuradoSubTxt>p {font-size: 2.5vw; text-align:center; margin-top: 2vw; } section.perfuradoSubTxt>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.perfuradoSub > h3{ margin-top: 3vw; font-size: 3.7vw; } /* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */ body > div.container.perfuradoSub > nav > ul > li>a{ font-size: 2vw; background: black; color: white; height: 50px; } body > div.container.perfuradoSub > nav > ul > li>a:hover{ background: silver; color: black;} /* FORMATAÇÃO DO BOX DAS IMAGENS */ div.img_perfuradoSub { margin: 2vw auto 1vw auto; ; padding:1vw; border: 2px dotted orange; margin-bottom: 2vw; margin-top: 4vw; width: 67vw; } body > div.container.perfuradoSub > div > div {text-align: center;} body > div.container.perfuradoSub > div > div > div > img { width: 65vw; height: auto; text-align: center; padding:1vw; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.perfuradoSubTxt>p {font-size: 2vw; text-align:center; margin-top: 1vw; } section.perfuradoSubTxt>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.perfuradoSub > h3{ margin-top: 3vw; font-size: 3.5vw; } /* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */ body > div.container.perfuradoSub > nav > ul > li>a{font-size: 1.5vw; height: 35px; } /* FORMATAÇÃO DO BOX DAS IMAGENS */ div.img_perfuradoSub { margin: 2vw auto 1vw auto; border: 2px dotted orange; width: 34vw; } body > div.container.perfuradoSub > div > div {text-align: center;} body > div.container.perfuradoSub > div > div > div > img { width: 32vw; height: auto; text-align: center; padding:1vw; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.perfuradoSubTxt>p {font-size: 1.6vw; text-align:center; margin-top: 1vw; } section.perfuradoSubTxt>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.perfuradoSub > h3{ margin-top: 3vw; font-size: 3vw; } /* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */ body > div.container.perfuradoSub > nav > ul > li>a{font-size: 1.2vw; height: 35px; } /* FORMATAÇÃO DO BOX DAS IMAGENS */ div.img_perfuradoSub { margin: 2vw auto 1vw auto; ; padding:1vw; width: 38vw; } body > div.container.perfuradoSub > div > div {text-align: center;} body > div.container.perfuradoSub > div > div > div > img { width: 36vw; height: auto; text-align: center; padding:1vw; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.perfuradoSubTxt>p {font-size: 1.3vw; text-align:center; margin-top: 1vw; } section.perfuradoSubTxt>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.perfuradoSub > h3{ margin-top:2 vw; font-size: 2vw; } /* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */ body > div.container.perfuradoSub > nav > ul > li>a{font-size: .8vw; } /* FORMATAÇÃO DO BOX DAS IMAGENS */ body > div.container.perfuradoSub > div > div {text-align: center;} body > div.container.perfuradoSub > div > div > div { margin: 1vw auto 1vw auto; ; padding:1vw 0vw 1vw 0vw; width: 27vw; } body > div.container.perfuradoSub > div > div > div > img { width: 25vw; height: auto; text-align: center; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.perfuradoSubTxt>p {font-size: .9vw; text-align:center; margin-top: 1vw; } section.perfuradoSubTxt>h4 {text-align: center; margin: auto; font-size: 1.8vw; } }/* Final @media 1200px*/ /*------------------------------FINAL ESTILOS PARA AS MIDIAS QUERIES ------------------*/ /* Estilos da página Adesivo Recorte Especial */ div.recorteSub>h3 {text-align: center; padding-top: 2vw; color: darkorange; font-size: 2vw; } div.recorteSub>hr {border: 1.5px dashed silver; } div.recorteSub>p { font-size: 1vw; width: 40vw; margin: auto; text-align: justify; } /* FORMATAÇÃO DO BOX DAS IMAGENS REDONDAS */ div.img_recorteSub { margin: 2vw auto 1vw auto; ; padding:.5vw; border: 2px dotted orange; } body > div.container.recorteSub > div > div > div > img { width: 32vw; height: auto; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.recorteSubTxt>p {font-size: .9vw; text-align:center; } section.recorteSubTxt>p>b {color: red; } section.recorteSubTxt>h4 {text-align: center; margin: auto; } /*--------------ESTILOS PARA AS MIDIAS QUERIES DA PAGINA ACIMA - ADESIVO RECORTE -----*/ /* Midia Queries tela pequenas */ /*Extra small devices (portrait phones, less than 576px)*/ @media (max-width: 299.98px) { /* FORMATAÇÃO DO TÍTULO PRINCIPAL */ body > div.container.recorteSub > h3{ margin-top: 3vw; font-size: 4.8vw; } /* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */ body > div.container.recorteSub > nav > ul > li>a{font-size: 2.5vw; background: black; color: white; height: 35px; } body > div.container.recorteSub > nav > ul > li>a:hover{ background: silver; color: black;} /* FORMATAÇÃO DO BOX DAS IMAGENS */ div.img_recorteSub { margin: 2vw auto 1vw auto; width: 89vw; } body > div.container.recorteSub > div > div {text-align: center;} body > div.container.recorteSub > div > div > div > img { width: 85vw; height: auto; padding:1vw; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.recorteSubTxt>p {font-size: 3.5vw; text-align:center; margin-top: 2vw; } section.recorteSubTxt>h4 {text-align: center; margin-top: 2vw; font-size: 6vw; } } /* Final @media max 299px */ /* Small devices (landscape phones, 576px and up)*/ @media (min-width: 300px) and (max-width: 499.98px) { /* FORMATAÇÃO DO TÍTULO PRINCIPAL */ body > div.container.recorteSub > h3{ margin-top: 3vw; font-size: 4.5vw; } /* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */ body > div.container.recorteSub > nav > ul > li>a{font-size: 2vw; background: black; color: white; height: 40.1px; } body > div.container.recorteSub > nav > ul > li>a:hover{ background: silver; color: black;} /* FORMATAÇÃO DO BOX DAS IMAGENS */ div.img_recorteSub { margin: 2vw auto 1vw auto; width: 89vw; } body > div.container.recorteSub > div > div {text-align: center;} body > div.container.recorteSub > div > div > div > img { width: 85vw; height: auto; padding:1vw; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.recorteSubTxt>p {font-size: 2.5vw; text-align:center; margin-top: 2vw; } section.recorteSubTxt>h4 {text-align: center; margin: auto; font-size: 4.5vw; } } /* Final @media 300px */ /* 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.recorteSub > h3{ margin-top: 3vw; font-size: 4.5vw; } /* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */ body > div.container.recorteSub > nav > ul > li>a{font-size: 2vw; background: black; color: white; height: 40.1px; } body > div.container.recorteSub > nav > ul > li>a:hover{ background: silver; color: black;} /* FORMATAÇÃO DO BOX DAS IMAGENS */ div.img_recorteSub { margin: 2vw auto 1vw auto; width: 89vw; } body > div.container.recorteSub > div > div {text-align: center;} body > div.container.recorteSub > div > div > div > img { width: 85vw; height: auto; padding:1vw; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.recorteSubTxt>p {font-size: 2.5vw; text-align:center; margin-top: 2vw; } section.recorteSubTxt>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.recorteSub > h3{ margin-top: 3vw; font-size: 3.7vw; } /* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */ body > div.container.recorteSub > div > div {text-align: center;} body > div.container.recorteSub > nav > ul > li>a{ font-size: 2vw; background: black; color: white; height: 50px; } body > div.container.recorteSub > nav > ul > li>a:hover{ background: silver; color: black;} /* FORMATAÇÃO DO BOX DAS IMAGENS */ div.img_recorteSub { margin: 2vw auto 1vw auto; width: 68vw; } body > div.container.recorteSub > div > div {text-align: center;} body > div.container.recorteSub > div > div > div > img { width: 65.5vw; height: auto; padding:1vw; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.recorteSubTxt>p {font-size: 2vw; text-align:center; margin-top: 1vw; } section.recorteSubTxt>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.recorteSub > h3{ margin-top: 3vw; font-size: 3.5vw; } /* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */ body > div.container.recorteSub > nav > ul > li>a{font-size: 1.5vw; height: 35px; } /* FORMATAÇÃO DO BOX DAS IMAGENS */ div.img_recorteSub { margin: 2vw auto 1vw auto; width: 53vw; } body > div.container.recorteSub > div > div {text-align: center;} body > div.container.recorteSub > div > div > div > img { width: 50vw; height: auto; padding:1vw; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.recorteSubTxt>p {font-size: 1.6vw; text-align:center; margin-top: 1vw; } section.recorteSubTxt>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.recorteSub > h3{ margin-top: 3vw; font-size: 3vw; } /* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */ body > div.container.recorteSub > nav > ul > li>a{font-size: 1.2vw; height: 35px; } /* FORMATAÇÃO DO BOX DAS IMAGENS */ div.img_recorteSub { margin: 2vw auto 1vw auto; width: 57vw; } body > div.container.recorteSub > div > div {text-align: center;} body > div.container.recorteSub > div > div > div > img { width: 55vw; height: auto; padding:.5vw; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.recorteSubTxt>p {font-size: 1.3vw; text-align:center; margin-top: 1vw; } section.recorteSubTxt>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.recorteSub > h3{ font-size: 2vw; } /* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */ body > div.container.recorteSub > nav > ul > li>a{font-size: .8vw; } /* FORMATAÇÃO DO BOX DAS IMAGENS */ div.img_recorteSub { margin: 2vw auto 1vw auto; width: 44vw; } body > div.container.recorteSub > div > div {text-align: center;} body > div.container.recorteSub > div > div > div > img { width: 42vw; height: auto; padding:.8vw; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.recorteSubTxt>p {font-size: .9vw; text-align:center; margin-top: 1vw; } section.recorteSubTxt>h4 {text-align: center; margin: auto; font-size: 2vw; } }/* Final @media 1200px*/ /*------------------------------FINAL ESTILOS PARA AS MIDIAS QUERIES ------------------*/ /* Estilos adesivo Tapumes */ * { 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; } body > div.container.tapumeSub > h3 { text-align: center; color: darkorange; font-size: 2vw; } div.tapumeSub>hr {border: 1.5px dashed silver; } div.tapumeSub>p { font-size: 1vw; width: 40vw; margin: auto; text-align: justify; } /* FORMATAÇÃO DO BOX DAS IMAGENS REDONDAS */ div.img_tapumeSub { margin: 2vw auto 1vw auto; ; padding:.5vw; border: 2px dotted orange; } body > div.container.tapumeSub > div > div > div > img { width: 42vw; height: auto; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.tapumeSubTxt>p {font-size: .9vw; text-align:center; } section.tapumeSubTxt>p>b {color: red; } section.tapumeSubTxt>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 PAGINA ACIMA - TAPUMES --------------------*/ /* Midia Queries tela pequenas */ /*Extra small devices (portrait phones, less than 576px)*/ @media (max-width: 299.98px) { /* FORMATAÇÃO DO TÍTULO PRINCIPAL */ body > div.container.tapumeSub > h3{ margin-top: 3vw; font-size: 5vw; } /* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */ body > div.container.tapumeSub > nav > ul > li>a{font-size: 2.5vw; background: black; color: white; height: 35px; } body > div.container.tapumeSub > nav > ul > li>a:hover{ background: silver; color: black;} /* FORMATAÇÃO DO BOX DAS IMAGENS */ div.img_tapumeSub { margin: 2vw auto 1vw auto; width: 88vw; } body > div.container.tapumeSub > div > div {text-align: center;} body > div.container.tapumeSub > div > div > div > img { width: 84vw; height: auto; padding:1vw; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.tapumeSubTxt>p {font-size: 3.5vw; text-align:center; margin-top: 2vw; } section.tapumeSubTxt>h4 {text-align: center; margin: auto; font-size: 6vw; } } /* Final @media max 299px */ /* Small devices (landscape phones, 576px and up)*/ @media (min-width: 300px) and (max-width: 499.98px) { /* FORMATAÇÃO DO TÍTULO PRINCIPAL */ body > div.container.tapumeSub > h3{ margin-top: 3vw; font-size: 4.8vw; } /* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */ body > div.container.tapumeSub > nav > ul > li>a { font-size: 2.5vw; background: black; color: white; height: 40px; } body > div.container.tapumeSub > nav > ul > li>a:hover{ background: silver; color: black;} /* FORMATAÇÃO DO BOX DAS IMAGENS */ div.img_tapumeSub { margin: 2vw auto 1vw auto; width: 88vw; } body > div.container.tapumeSub > div > div {text-align: center;} body > div.container.tapumeSub > div > div > div > img { width: 84vw; height: auto; padding:1vw; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.tapumeSubTxt>p {font-size: 3.5vw; text-align:center; margin-top: 2vw; } section.tapumeSubTxt>h4 {text-align: center; margin: auto; font-size: 6vw; } } /* Final @media 300px */ /* 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.tapumeSub > h3{ margin-top: 3vw; font-size: 4.5vw; } /* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */ body > div.container.tapumeSub > nav > ul > li>a{font-size: 2vw; background: black; color: white; height: 40.1px; } body > div.container.tapumeSub > nav > ul > li>a:hover{ background: silver; color: black;} /* FORMATAÇÃO DO BOX DAS IMAGENS */ div.img_tapumeSub { margin: 2vw auto 1vw auto; width: 88vw; } body > div.container.tapumeSub > div > div {text-align: center;} body > div.container.tapumeSub > div > div > div > img { width: 84vw; height: auto; padding:1vw; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.tapumeSubTxt>p {font-size: 2.5vw; text-align:center; margin-top: 2vw; } section.tapumeSubTxt>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.tapumeSub > h3{ margin-top: 3vw; font-size: 3.7vw; } /* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */ body > div.container.tapumeSub > nav > ul > li>a{ font-size: 2vw; background: black; color: white; height: 50px; } body > div.container.recorteSub > div > div {text-align: center;} body > div.container.tapumeSub > nav > ul > li>a:hover{ background: silver; color: black;} /* FORMATAÇÃO DO BOX DAS IMAGENS */ div.img_tapumeSub { margin: 2vw auto 1vw auto; width: 68vw; } body > div.container.tapumeSub > div > div {text-align: center;} body > div.container.tapumeSub > div > div > div > img { width: 65vw; height: auto; padding:1vw; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.tapumeSubTxt>p {font-size: 2vw; text-align:center; margin-top: 1vw; } section.tapumeSubTxt>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.tapumeSub > h3{ margin-top: 3vw; font-size: 3.5vw; } /* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */ body > div.container.tapumeSub > nav > ul > li>a{font-size: 1.5vw; height: 35px; } /* FORMATAÇÃO DO BOX DAS IMAGENS */ div.img_tapumeSub { margin: 2vw auto 1vw auto; width: 54vw; } body > div.container.tapumeSub > div > div {text-align: center;} body > div.container.tapumeSub > div > div > div > img { width: 51vw; height: auto; padding:1vw; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.tapumeSubTxt>p {font-size: 1.6vw; text-align:center; margin-top: 1vw; } section.tapumeSubTxt>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.tapumeSub > h3{ font-size: 3vw; } /* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */ body > div.container.tapumeSub > nav > ul > li>a{font-size: 1.2vw; height: 35px; } /* FORMATAÇÃO DO BOX DAS IMAGENS */ div.img_tapumeSub { margin: 2vw auto 1vw auto; width: 58vw; } body > div.container.tapumeSub > div > div {text-align: center;} body > div.container.tapumeSub > div > div > div > img { width: 56vw; height: auto; padding:1vw; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.tapumeSubTxt>p {font-size: 1.3vw; text-align:center; margin-top: 1vw; } section.tapumeSubTxt>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.tapumeSub > h3{ margin-top: 1.5vw; font-size: 2vw; } /* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */ body > div.container.tapumeSub > nav > ul > li>a{font-size: .8vw; } /* FORMATAÇÃO DO BOX DAS IMAGENS */ div.img_tapumeSub { margin: 2vw auto 1vw auto;width: 44vw ; } body > div.container.tapumeSub > div > div {text-align: center;} body > div.container.tapumeSub > div > div > div > img { width: 42vw; height: auto; padding:.6vw; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.tapumeSubTxt>p {font-size: .9vw; text-align:center; margin-top: 1vw; } section.tapumeSubTxt>h4 {text-align: center; margin: auto; font-size: 1.8vw; } }/* Final @media 1200px*/ /*------------------------------FINAL ESTILOS PARA AS MIDIAS QUERIES ------------------*/