/* ESTILO DA PAGINA CORTE LASER EM ACRÍLICO */ * { 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.corteSub>h3 {text-align: center; color: darkorange; } div.corteSub>hr {border: 1.5px dashed silver; } div.corteSub>p { font-size: 1vw; width: 40vw; margin: auto; text-align: justify; } /* FORMATAÇÃO DO BOX DAS IMAGENS REDONDAS */ div.img_corteSub { margin: 2vw auto 1vw auto; ; padding:1vw; border: 2px dotted orange; } div.img_corteSub >img{ width: 100%; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.corteSubTxt>p { font-size: .9vw; text-align:center; } section.corteSubTxt>h5 { color: darkblue; text-align: center; } section.corteSubTxt>p>b {color: red; } section.corteSubTxt>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 - Corte em Acrílico --------------------*/ /* 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.corteSub > h3{ margin-top: 3vw; font-size: 5vw; } /* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */ body > div.container.corteSub > nav > ul > li>a{font-size: 2.5vw; background: black; color: white; height: 35px; } body > div.container.corteSub > nav > ul > li>a:hover{ background: silver; color: black;} /* FORMATAÇÃO DO BOX DAS IMAGENS */ div.img_corteSub { margin: 2vw auto 1vw auto; width: 88vw; } body > div.container.corteSub > div > div {text-align: center;} body > div.container.corteSub > div > div > div > img { width: 84vw; height: auto; padding:1vw; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.corteSubTxt>p {font-size: 3.5vw; text-align:center; margin-top: 2vw; } section.corteSubTxt>h6 { color: darkblue; text-align: center; } section.corteSubTxt>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.corteSub > h3{ margin-top: 3vw; font-size: 4.8vw; } /* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */ body > div.container.corteSub > nav > ul > li>a { font-size: 2.5vw; background: black; color: white; height: 40px; } body > div.container.corteSub > nav > ul > li>a:hover{ background: silver; color: black;} /* FORMATAÇÃO DO BOX DAS IMAGENS */ div.img_corteSub { margin: 2vw auto 1vw auto; width: 88vw; } body > div.container.corteSub > div > div {text-align: center;} body > div.container.corteSub > div > div > div > img { width: 84vw; height: auto; padding:1vw; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.corteSubTxt>p {font-size: 3.5vw; text-align:center; margin-top: 2vw; } section.corteSubTxt>h6 { color: darkblue; text-align: center; } section.corteSubTxt>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.corteSub > h3{ margin-top: 3vw; font-size: 4.5vw; } /* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */ body > div.container.corteSub > nav > ul > li>a{ font-size: 2vw; background: black; color: white; height: 40.1px; } body > div.container.corteSub > nav > ul > li>a:hover{ background: silver; color: black;} /* FORMATAÇÃO DO BOX DAS IMAGENS */ div.img_corteSub { margin: 2vw auto 1vw auto; width: 88vw; } body > div.container.corteSub > div > div {text-align: center;} body > div.container.corteSub > div > div > div > img { width: 84vw; height: auto; padding:1vw; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.corteSubTxt>p { font-size: 2.5vw; text-align:center; margin-top: 2vw; } section.corteSubTxt>h6 { color: darkblue; text-align: center; } section.corteSubTxt>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.corteSub > h3{ margin-top: 3vw; font-size: 3.7vw; } /* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */ body > div.container.corteSub > 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.corteSub > nav > ul > li>a:hover{ background: silver; color: black;} /* FORMATAÇÃO DO BOX DAS IMAGENS */ div.img_corteSub { margin: 2vw auto 1vw auto; width: 68vw; } body > div.container.corteSub > div > div {text-align: center;} body > div.container.corteSub > div > div > div > img { width: 65vw; height: auto; padding:1vw; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.corteSubTxt>p { font-size: 2vw; text-align:center; margin-top: 1vw; } section.corteSubTxt>h6 { color: darkblue; text-align: center; } section.corteSubTxt>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.corteSub > h3{ margin-top: 2vw; font-size: 3.5vw; } /* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */ body > div.container.corteSub > nav > ul > li>a{font-size: 1.5vw; height: 35px; } /* FORMATAÇÃO DO BOX DAS IMAGENS */ div.img_corteSub { margin: 2vw auto 1vw auto; width: 54vw; } body > div.container.corteSub > div > div {text-align: center;} body > div.container.corteSub > div > div > div > img { width: 51vw; height: auto; padding:1vw; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.corteSubTxt>p {font-size: 1.6vw; text-align:center; margin-top: 1vw; } section.corteSubTxt>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.corteSub > h3{ font-size: 3vw; margin-top: 2vw; } /* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */ body > div.container.corteSub > nav > ul > li>a{font-size: 1.2vw; height: 35px; } /* FORMATAÇÃO DO BOX DAS IMAGENS */ div.img_corteSub { margin: 2vw auto 1vw auto; width: 58vw; } body > div.container.corteSub > div > div {text-align: center;} body > div.container.corteSub > div > div > div > img { width: 56vw; height: auto; padding:1vw; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.corteSubTxt>p {font-size: 1.3vw; text-align:center; margin-top: 1vw; } section.corteSubTxt>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.corteSub > h3{ font-size: 2vw; margin-top: 2vw; } /* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */ body > div.container.corteSub > nav > ul > li>a{font-size: .8vw; } /* FORMATAÇÃO DO BOX DAS IMAGENS */ div.img_corteSub { margin: 2vw auto 1vw auto;width: 44vw ; } body > div.container.corteSub > div > div {text-align: center;} body > div.container.corteSub > div > div > div > img { width: 42vw; height: auto; padding:.6vw; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.corteSubTxt>p {font-size: .9vw; text-align:center; margin-top: 1vw; } section.corteSubTxt>h4 {text-align: center; margin: auto; font-size: 1.8vw; } }/* Final @media 1200px*/ /*------------------------------FINAL ESTILOS PARA AS MIDIAS QUERIES ------------------*/ /* ESTILO CORTE EM MDF */ div.mdfSub>h3 { text-align: center; color: darkorange; font-size: 2vw; } div.mdfSub>hr { border: 1.5px dashed silver; } div.mdfSub>p { font-size: 1vw; width: 40vw; margin: auto; text-align: justify; } /* FORMATAÇÃO DO BOX DAS IMAGENS REDONDAS */ /* FORMATAÇÃO DO BOX DAS IMAGEEM MDF */ body > div.container.mdfSub > div > div.col-md-9.mdfSub > div{ margin: 1px; ; padding:1vw; border: 2px dotted orange; width: 43.5VW; } body > div.container.mdfSub > div > div.col-md-9.mdfSub > div > img { width: 41.5VW; height: auto; } body > div.container.mdfSub > div > div.col-md-3.mdfSub1 > div{ border: 2px dotted orange; width: 13.5VW; margin-bottom: 2vw; } body > div.container.mdfSub > div > div.col-md-3.mdfSub1 > div > img { width: 13VW; height: auto; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.mdfSubTxt>p { font-size: .9vw; text-align:center; } section.mdfSubTxt>p>b {color: red; } section.mdfSubTxt>h5 { color: darkblue; text-align: center; } section.mdfSubTxt>h4 {text-align: center; margin: auto; } /*Formatação do Botão cadastrar */ body > div.container.mdfSub > b > b > div{ text-align: center; margin: 3vw; } #orcamento{ padding: .5vw 1vw; } /*-----------ESTILOS PARA AS MIDIAS QUERIES DA PAGINA ACIMA - CORTE EM MDF -------------*/ /* 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.mdfSub > h3 { font-size: 4.8vw; } /* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */ body > div.container.mdfSub > nav > ul > li>a{font-size: 2.5vw; background: darkblue; color: white; height: 35px; } body > div.container.mdfSub > nav > ul > li>a:hover{ background: silver; color: black;} /* FORMATAÇÃO DO BOX DAS IMAGENS */ body > div.container.mdfSub > div > div > div {text-align: center;} div.img_mdfSub { margin: 2vw auto 1vw auto; ; padding:1vw; border: 2px dotted orange; margin-bottom: 3vw; margin-top: 4vw; width: 89vw; } body > div.container.mdfSub > div > div > div > img { width: 85vw; height: auto; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.mdfSubTxt>p {font-size: 3.5vw; text-align:center; margin-top: 3vw; } section.mdfSubTxt>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.mdfSub > h3{ margin-top: 3vw; font-size: 4.5vw; } /* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */ body > div.container.mdfSub > nav > ul > li>a{font-size: 2vw; background: darkblue; color: white; height: 40.1px; } body > div.container.mdfSub > nav > ul > li>a:hover{ background: silver; color: black;} /* FORMATAÇÃO DO BOX DAS IMAGENS */ body > div.container.mdfSub > div > div > div {text-align: center;} div.img_mdfSub { margin: 2vw auto 1vw auto; ; padding:1vw; border: 2px dotted orange; margin-bottom: 3vw; margin-top: 4vw; width: 89vw; } body > div.container.mdfSub > div > div > div > img { width: 85vw; height: auto; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.mdfSubTxt>p {font-size: 2.5vw; text-align:center; margin-top: 2vw; } section.mdfSubTxt>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.mdfSub > h3 { margin-top: 3vw; font-size: 4vw; } /* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */ body > div.container.mdfSub > nav > ul > li>a{font-size: 2vw; background: darkblue; color: white; height: 40.1px; } body > div.container.mdfSub > nav > ul > li>a:hover{ background: silver; color: black;} /* FORMATAÇÃO DO BOX DAS IMAGENS */ body > div.container.mdfSub > div > div > div {text-align: center;} div.img_mdfSub { margin: 2vw auto 1vw auto; ; padding:1vw; border: 2px dotted orange; margin-bottom: 3vw; margin-top: 4vw; width: 88vw; } body > div.container.mdfSub > div > div > div > img { width: 84vw; height: auto; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.mdfSubTxt>p {font-size: 2.5vw; text-align:center; margin-top: 2vw; } section.mdfSubTxt>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.mdfSub > h3{ margin-top: 3vw; font-size: 3.7vw; } /* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */ body > div.container.mdfSub > nav > ul > li>a{ font-size: 2vw; background: darkblue; color: white; height: 50px; } body > div.container.mdfSub > nav > ul > li>a:hover{ background: silver; color: black;} /* FORMATAÇÃO DO BOX DAS IMAGENS */ body > div.container.mdfSub > div > div > div {text-align: center;} div.img_mdfSub { margin: 2vw auto 1vw auto; ; padding:1vw; border: 2px dotted orange; margin-bottom: 2vw; margin-top: 4vw; width: 68vw; } body > div.container.mdfSub > div > div > div > img { width: 65vw; height: auto; text-align: center; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.mdfSubTxt>p {font-size: 2vw; text-align:center; margin-top: 1vw; } section.mdfSubTxt>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.mdfSub > h3{ margin-top: 2vw; font-size: 3.5vw; } /* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */ body > div.container.mdfSub > nav > ul > li>a{font-size: 1.5vw; height: 35px; } /* FORMATAÇÃO DO BOX DAS IMAGENS */ body > div.container.mdfSub > div > div > div {text-align: center;} div.img_mdfSub { margin: 2vw auto 1vw auto; ; padding:1vw; border: 2px dotted orange; margin-bottom: 2vw; margin-top: 4vw; width: 51vw; } body > div.container.mdfSub > div > div > div > img { width: 49vw; height: auto; text-align: center; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.mdfSubTxt>p {font-size: 1.6vw; text-align:center; margin-top: 1vw; } section.mdfSubTxt>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.mdfSub > h3{ margin-top: 2vw; font-size: 3vw; } /* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */ body > div.container.mdfSub > nav > ul > li>a{font-size: 1.2vw; height: 35px; } /* FORMATAÇÃO DO BOX DAS IMAGENS */ div.img_mdfSub { margin: 2vw auto 1vw auto; ; padding:1vw; border: 2px dotted orange; margin-bottom: 2vw; margin-top: 3vw; width: 57vw; } body > div.container.mdfSub > div > div > div > img { width: 55vw; height: auto; text-align: center; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.mdfSubTxt>p {font-size: 1.3vw; text-align:center; margin-top: 1vw; } section.mdfSubTxt>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.mdfSub > h3{ margin-top: 2vw; font-size: 2vw; } /* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */ body > div.container.mdfSub > nav > ul > li>a{font-size: .8vw; } /* FORMATAÇÃO DO BOX DAS IMAGENS */ body > div.container.mdfSub > div > div > div {text-align: center;} div.img_mdfSub { margin: 2vw auto 1vw auto; ; padding:1vw; border: 2px dotted orange; width: 43vw; } body > div.container.mdfSub > div > div > div > img { width: 41vw; height: auto; text-align: center; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.mdfSubTxt>p { font-size: 1vw; text-align:center; margin-top: 1vw; } section.mdfSubTxt>h4 {text-align: center; margin: auto; font-size: 2vw; } }/* Final @media 1200px*/ /*------------------------------FINAL ESTILOS PARA AS MIDIAS QUERIES -----------------*/ /* Estilos da página Display em Acrílico */ div.displaySub>h3 { text-align: center; color: darkorange; font-size: 2vw; } div.displaySub>hr {border: 1.5px dashed silver; } div.displaySub>p {font-size: 1vw; width: 40vw; margin: auto; text-align: justify; } /* FORMATAÇÃO DO BOX DAS IMAGENS REDONDAS */ div.img_displaySub { margin: 2vw auto 1vw auto; ; padding:.5vw; border: 2px dotted orange; } body > div.container.displaySub > div > div > div > img { width: 32vw; height: auto; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.displaySubTxt>p {font-size: .9vw; text-align:center; } section.displaySubTxt>p>b {color: red; } section.displaySubTxt>h4 {text-align: center; margin: auto; } /*-----------ESTILOS PARA AS MIDIAS QUERIES DA PAGINA ACIMA - DISPLAY ACRÍLICO -------------*/ /* 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.displaySub > h3 { margin-top: 3vw; font-size: 4.8vw; } /* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */ body > div.container.displaySub > nav > ul > li>a{font-size: 2.5vw; background: darkblue; color: white; height: 35px; } body > div.container.displaySub > nav > ul > li>a:hover{ background: silver; color: black;} /* FORMATAÇÃO DO BOX DAS IMAGENS */ body > div.container.displaySub > div > div > div {text-align: center;} div.img_displaySub { margin: 2vw auto 1vw auto; ; padding:1vw; border: 2px dotted orange; margin-bottom: 3vw; margin-top: 4vw; width: 89vw; } body > div.container.displaySub > div > div > div > img { width: 85vw; height: auto; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.displaySubTxt>p {font-size: 3.5vw; text-align:center; margin-top: 3vw; } section.displaySubTxt>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.displaySub > h3{ margin-top: 3vw; font-size: 4.5vw; } /* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */ body > div.container.displaySub > nav > ul > li>a{font-size: 2vw; background: darkblue; color: white; height: 40.1px; } body > div.container.displaySub > nav > ul > li>a:hover{ background: silver; color: black;} /* FORMATAÇÃO DO BOX DAS IMAGENS */ body > div.container.displaySub > div > div > div {text-align: center;} div.img_displaySub { margin: 2vw auto 1vw auto; ; padding:1vw; border: 2px dotted orange; margin-bottom: 3vw; margin-top: 4vw; width: 89vw; } body > div.container.displaySub > div > div > div > img { width: 85vw; height: auto; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.displaySubTxt>p {font-size: 2.5vw; text-align:center; margin-top: 2vw; } section.displaySubTxt>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.displaySub > h3 { margin-top: 3vw; font-size: 4vw; } /* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */ body > div.container.displaySub > nav > ul > li>a{font-size: 2vw; background: darkblue; color: white; height: 40.1px; } body > div.container.displaySub > nav > ul > li>a:hover{ background: silver; color: black;} /* FORMATAÇÃO DO BOX DAS IMAGENS */ body > div.container.displaySub > div > div > div {text-align: center;} div.img_displaySub { margin: 2vw auto 1vw auto; ; padding:1vw; border: 2px dotted orange; margin-bottom: 3vw; margin-top: 4vw; width: 88vw; } body > div.container.displaySub > div > div > div > img { width: 84vw; height: auto; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.displaySubTxt>p {font-size: 2.5vw; text-align:center; margin-top: 2vw; } section.displaySubTxt>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.displaySub > h3{ margin-top: 3vw; font-size: 3.7vw; } /* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */ body > div.container.displaySub > nav > ul > li>a{ font-size: 2vw; background: darkblue; color: white; height: 50px; } body > div.container.displaySub > nav > ul > li>a:hover{ background: silver; color: black;} /* FORMATAÇÃO DO BOX DAS IMAGENS */ body > div.container.displaySub > div > div > div {text-align: center;} div.img_displaySub { margin: 2vw auto 1vw auto; ; padding:1vw; border: 2px dotted orange; margin-bottom: 2vw; margin-top: 4vw; width: 68vw; } body > div.container.displaySub > div > div > div > img { width: 65vw; height: auto; text-align: center; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.displaySubTxt>p {font-size: 2vw; text-align:center; margin-top: 1vw; } section.displaySubTxt>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.displaySub > h3{ margin-top: 3vw; font-size: 3.5vw; } /* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */ body > div.container.displaySub > nav > ul > li>a{font-size: 1.5vw; height: 35px; } /* FORMATAÇÃO DO BOX DAS IMAGENS */ body > div.container.displaySub > div > div > div {text-align: center;} div.img_displaySub { margin: 2vw auto 1vw auto; ; padding:1vw; border: 2px dotted orange; margin-bottom: 2vw; margin-top: 4vw; width: 51vw; } body > div.container.displaySub > div > div > div > img { width: 49vw; height: auto; text-align: center; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.displaySubTxt>p {font-size: 1.6vw; text-align:center; margin-top: 1vw; } section.displaySubTxt>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.displaySub > h3{ margin-top: 2vw; font-size: 3vw; } /* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */ body > div.container.displaySub > nav > ul > li>a{font-size: 1.2vw; height: 35px; } /* FORMATAÇÃO DO BOX DAS IMAGENS */ div.img_displaySub { margin: 2vw auto 1vw auto; ; padding:1vw; border: 2px dotted orange; margin-bottom: 2vw; margin-top: 3vw; width: 57vw; } body > div.container.displaySub > div > div > div > img { width: 55vw; height: auto; text-align: center; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.displaySubTxt>p {font-size: 1.3vw; text-align:center; margin-top: 1vw; } section.displaySubTxt>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.displaySub > h3{ margin-top: 2vw; font-size: 2vw; } /* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */ body > div.container.displaySub > nav > ul > li>a{font-size: .8vw; } /* FORMATAÇÃO DO BOX DAS IMAGENS */ body > div.container.displaySub > div > div > div {text-align: center;} div.img_displaySub { margin: 2vw auto 1vw auto; ; padding:1vw; border: 2px dotted orange; width: 43vw; } body > div.container.displaySub > div > div > div > img { width: 41vw; height: auto; text-align: center; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.displaySubTxt>p {font-size: 1vw; text-align:center; margin-top: 1vw; } section.displaySubTxt>h4 {text-align: center; margin: auto; font-size: 2vw; } }/* Final @media 1200px*/ /*------------------------------FINAL ESTILOS PARA AS MIDIAS QUERIES -----------------*/ /* Estilos Pagina Letra Caixa */ * { 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.letraSub>h3 {text-align: center; color: darkorange; font-size: 2vw; } div.letraSub>hr {border: 1.5px dashed silver; } div.letraSub>p {font-size: 1vw; width: 40vw; margin: auto; text-align: justify; } /* FORMATAÇÃO DO BOX DAS IMAGENS REDONDAS */ div.img_letraSub { margin: 2vw auto 1vw auto; ; padding:1vw; border: 2px dotted orange; } body > div.container.letraSub > div > div > div > img { width: 41vw; height: auto; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.letraSubTxt>p { font-size: .9vw; text-align:center; } section.letraSubTxt>p>b { color: red; } section.letraSubTxt>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 - LETRA CAIXA -------------*/ /* 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.letraSub > h3 { margin-top: 3vw; font-size: 4.8vw; } /* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */ body > div.container.letraSub > nav > ul > li>a{font-size: 2.5vw; background: darkblue; color: white; height: 35px; } body > div.container.letraSub > nav > ul > li>a:hover{ background: silver; color: black;} /* FORMATAÇÃO DO BOX DAS IMAGENS */ body > div.container.letraSub > div > div > div {text-align: center;} div.img_letraSub { margin: 2vw auto 1vw auto; ; padding:1vw; border: 2px dotted orange; margin-bottom: 3vw; margin-top: 4vw; width: 89vw; } body > div.container.letraSub > div > div > div > img { width: 85vw; height: auto; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.letraSubTxt>p {font-size: 3.5vw; text-align:center; margin-top: 3vw; } section.letraSubTxt>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.letraSub > h3{ margin-top: 3vw; font-size: 4.5vw; } /* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */ body > div.container.letraSub > nav > ul > li>a{font-size: 2vw; background: darkblue; color: white; height: 40.1px; } body > div.container.letraSub > nav > ul > li>a:hover{ background: silver; color: black;} /* FORMATAÇÃO DO BOX DAS IMAGENS */ body > div.container.letraSub > div > div > div {text-align: center;} div.img_letraSub { margin: 2vw auto 1vw auto; ; padding:1vw; border: 2px dotted orange; margin-bottom: 3vw; margin-top: 4vw; width: 89vw; } body > div.container.letraSub > div > div > div > img { width: 85vw; height: auto; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.letraSubTxt>p {font-size: 2.5vw; text-align:center; margin-top: 2vw; } section.letraSubTxt>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.letraSub > h3 { margin-top: 3vw; font-size: 4vw; } /* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */ body > div.container.letraSub > nav > ul > li>a{font-size: 2vw; background: darkblue; color: white; height: 40.1px; } body > div.container.letraSub > nav > ul > li>a:hover{ background: silver; color: black;} /* FORMATAÇÃO DO BOX DAS IMAGENS */ body > div.container.letraSub > div > div > div {text-align: center;} div.img_letraSub { margin: 2vw auto 1vw auto; ; padding:1vw; border: 2px dotted orange; margin-bottom: 3vw; margin-top: 4vw; width: 88vw; } body > div.container.letraSub > div > div > div > img { width: 84vw; height: auto; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.letraSubTxt>p {font-size: 2.5vw; text-align:center; margin-top: 2vw; } section.letraSubTxt>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.letraSub > h3{ margin-top: 3vw; font-size: 3.7vw; } /* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */ body > div.container.letraSub > nav > ul > li>a{ font-size: 2vw; background: darkblue; color: white; height: 50px; } body > div.container.letraSub > nav > ul > li>a:hover{ background: silver; color: black;} /* FORMATAÇÃO DO BOX DAS IMAGENS */ body > div.container.letraSub > div > div > div {text-align: center;} div.img_letraSub { margin: 2vw auto 1vw auto; ; padding:1vw; border: 2px dotted orange; margin-bottom: 2vw; margin-top: 4vw; width: 68vw; } body > div.container.letraSub > div > div > div > img { width: 65vw; height: auto; text-align: center; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.letraSubTxt>p {font-size: 2vw; text-align:center; margin-top: 1vw; } section.letraSubTxt>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.letraSub > h3{ margin-top: 2vw; font-size: 3.5vw; } /* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */ body > div.container.letraSub > nav > ul > li>a{font-size: 1.5vw; height: 35px; } /* FORMATAÇÃO DO BOX DAS IMAGENS */ body > div.container.letraSub > div > div > div {text-align: center;} div.img_letraSub { margin: 2vw auto 1vw auto; ; padding:1vw; border: 2px dotted orange; margin-bottom: 2vw; margin-top: 4vw; width: 51vw; } body > div.container.letraSub > div > div > div > img { width: 49vw; height: auto; text-align: center; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.letraSubTxt>p {font-size: 1.6vw; text-align:center; margin-top: 1vw; } section.letraSubTxt>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.letraSub > h3{ margin-top: 2vw; font-size: 3vw; } /* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */ body > div.container.letraSub > nav > ul > li>a{font-size: 1.2vw; height: 35px; } /* FORMATAÇÃO DO BOX DAS IMAGENS */ div.img_letraSub { margin: 2vw auto 1vw auto; ; padding:1vw; border: 2px dotted orange; margin-bottom: 2vw; margin-top: 3vw; width: 57vw; } body > div.container.letraSub > div > div > div > img { width: 55vw; height: auto; text-align: center; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.letraSubTxt>p { font-size: 1.3vw; text-align:center; margin-top: 1vw; } section.letraSubTxt>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.letraSub > h3{ margin-top: 2vw; font-size: 2vw; } /* FORMATAÇÃO DA BARRA DE NAVEGAÇÃO DA PAGINA */ body > div.container.letraSub > nav > ul > li>a{font-size: .8vw; } /* FORMATAÇÃO DO BOX DAS IMAGENS */ body > div.container.letraSub > div > div > div {text-align: center;} div.img_letraSub { margin: 2vw auto 1vw auto; ; padding:1vw; border: 2px dotted orange; width: 43vw; } body > div.container.letraSub > div > div > div > img { width: 41vw; height: auto; text-align: center; } /* FORMATAÇÃO DOS TEXTOS ABAIXO DAS IMAGENS */ section.letraSubTxt>p { font-size: 1vw; text-align:center; margin-top: 1vw; } section.letraSubTxt>h4 {text-align: center; margin: auto; font-size: 2vw; } }/* Final @media 1200px*/ /*------------------------------FINAL ESTILOS PARA AS MIDIAS QUERIES -----------------*/