@charset "UTF-8";

/* Importação de Fontes */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* Comfiguração Gerias */
* {margin: 0;padding: 0;box-sizing: border-box;list-style: none;text-decoration: none;font: normal 1em 'arial';}
html {scroll-behavior: smooth;}
a {color: white;}
img{max-width: 100%;object-fit: scale-down;}
.container {max-width: 1349px;margin: auto;}
strong{color: #FECC00;font-family: Montserrat;font-style: normal;font-weight: 700;line-height: normal;}

.margin-top-100{margin: -100px 0 0 0;}
.margin-bottom-100{margin: -100px 0 -100px 0 }

/* variáveis do site */
:root{

    /* Sombras */
    --sombras: 0 7px 30px -10px rgba(150,170,180,0.5);

    /* Botão Hover */
    --botão-hover: rgba(255, 238, 0, 0.911);
    
    /* Fonte dos links */
    --links-font: normal 500 1.1rem 'Arial';
    
    /* Cor dos links */
    --links-font-color: #000;

    /* Cor do cabeçalho */
    --header-color: #ffffff;

    /* Cor do hover nos itens do menu */
    --hover-itensMenu: #0151A7;

    /* Cor do rodapé  */
    --footer-color: #0151A7;

    /* Cor das fontes do rodapé */
    --footer-font-color: #fff;

    /* Cor da seção copyright */
    --copyright-color: #0E2E47;;

    /* Cor do fundo menu mobile */
    --menuMobile-color: #0151A7;
}

/*Fonts*/
.font1 {color: #FFF;font-family: Montserrat;font-size: 3rem;font-style: normal;font-weight: 700;line-height: normal;letter-spacing: 0.3125rem;text-align: center;margin: 0px 0 -100px;top: -150px;position: relative;}
.font2 {color: #0151A7;text-align: center;font-family: Montserrat;font-size: 3rem;font-style: normal;font-weight: 700;line-height: normal;letter-spacing: 0.3125rem;}
.font3{color: #000;font-family: Montserrat;font-size: 1.2rem;font-style: normal;font-weight: 500;line-height: 2rem;}
.font4 {color: #0151A7;text-align: center;font-family: Inter;font-size: 2rem;font-style: normal;font-weight: 500;line-height: normal;margin: 25px 0;}
.font5 {color: #02263E;text-align: center;font-family: Montserrat;font-size: 1.5rem;font-style: normal;font-weight: 700;line-height: normal;letter-spacing: 0.14063rem;margin: 25px 0;}
.font6{color: #222337;text-align: center;font-family: Montserrat;font-size: 1rem;font-style: normal;font-weight: 400;line-height: normal;}
.font7{color: #FFF;font-family: Montserrat;font-size: 1.4rem;font-style: normal;font-weight: 500;line-height: 3.35rem;letter-spacing: 0.06563rem;}
.font8{color: #FFF;text-align: center;font-family: Montserrat;font-size: 2rem;font-style: normal;font-weight: 700;line-height: normal;letter-spacing: 0.21875rem;padding: 50px 0 40px 0;}
.font9{color: #FFF;text-align: center;font-family: Montserrat;font-size: 2.7rem;font-style: normal;font-weight: 700;line-height: normal;letter-spacing: 0.17188rem;}
.font10{color: #FFF;font-family: Montserrat;font-size: 1.1rem;font-style: normal;font-weight: 700;line-height: 3.125rem;}
.font11{position: absolute;left: 50px; bottom: 50px; font-size: 1.1rem; font-weight: 500;color: #FFF;font-family: Montserrat;font-style: normal;font-weight: 700;line-height: 1.6rem;letter-spacing: 0.10938rem;}
.font12{font-family: Montserrat;font-size: 1.1rem;font-style: normal;font-weight: 500;line-height: 5rem;padding: 50px;}
.font13{color: #000;font-family: Montserrat;font-size: 1.3rem;font-style: normal;font-weight: 500;line-height: 3rem;}
.font14{color: #fff;font-family: Montserrat;font-size: 1.5rem;font-style: normal;font-weight: 500;line-height: 3rem;text-align: center;}
.color-black{color: black;}
.color-white{color: white;}

.copyright, .copyright a{color: #FFF;font-family: Montserrat;font-size: 1rem;font-style: normal;font-weight: 700;line-height: normal;}
iframe{width: 100%;} 

#arrow-left {position: relative;top: 50px;left: -12%;z-index: 2;}
#arrow-right {position: relative;top: 50px;right: -95%;z-index: 2;}
.seletion{display: flex;align-items: center;gap: 20px;position: relative;justify-content: center;bottom: -170px;}
.avaliacoes{position: relative;top: -45px;}
#aspasimg{position: relative;top: -60px;left: -30%;}

/*Configuração elementos*/
.button {cursor: pointer;display: block;transition: background-color .5s;border: none;padding: 15px 30px;margin: auto;color: #FFF;font-family: Montserrat;font-size: 1rem;font-style: normal;font-weight: 700;line-height: normal;border-radius: 2.5rem;background: linear-gradient(180deg, #015BBB 0%, #01448C 100%);box-shadow: 0px 36.400001525878906px 72.80000305175781px 0px rgba(0, 16, 33, 0.25), 0px 12.133333206176758px 12.133333206176758px 0px #015EC2 inset, 0px -12.133333206176758px 12.133333206176758px 0px #014186 inset;

}
.button:hover {background-color: var(--botão-hover);}
.link{font: var(--links-font);color: var(--links-font);}

/* Icon do whatsapp */
#whatsapp-fixed svg {z-index: 1;position: fixed;right: 0;bottom: 0;margin: 25px;padding: 5px;border-radius: 40%;background-color: #00e676;}


/*Body*/
main {width: 100%;position: relative;}
main section {padding: 0 95px;}


/* Cabeçalho*/
#Header {max-width: 100%;height: auto;position: relative;font: normal bold 1.15em 'arial';margin: 0 30px;border-radius: 20px;z-index: 2;background-color: var(--header-color);}
#Header-container {padding: 15px 40px 15px 40px;display: flex; justify-content: space-between;align-items: center;}
#Menu-header {display: flex;flex-wrap: wrap;}
nav a button {padding: 5px;}
nav a {margin: 0 20px;color: #000;
font-family: Inter;
font-size: 1,15rem;
font-style: normal;
font-weight: 400;
line-height: normal;transition: color .2s;}
nav a:hover {color: var(--hover-itensMenu);}

#head-Top {z-index: 2;;display: flex;max-width: 100%;position: relative;margin: 0 30px;align-items: center;justify-content: space-between;padding: 10px;gap: 15px;}
#head-Top a button.button {background: #0151A7;box-shadow: none; padding: 10px 30px;font-size: .8rem;}
.header-social{display: flex;gap: 15px;}

/*Banner*/
#Banner-Main .button {width: 150px;height: 50px;display: block;margin: 32px 17px;}
.bunners{position: relative;z-index: 0;width: 100%;height: 70vh;display: flex;color: white;background-repeat: no-repeat;background-size: cover;background-position: right;}
#Banner-titulo {position: relative;padding: 0px 25px ;margin: 0 auto 0 auto;}
#Banner-titulo img{width: 200px;}
#tituloBunner{display: block;text-align: initial;margin: 0 0 30px 0;}
#tituloBunner p span{font-weight: 800;}
#Banner-titulo p.font1 {font: normal 500 2.7rem 'Arial';}
#Banner-titulo h1.subtitulo {margin: 0 0 0 209px;}
#description-button{display: flex;justify-content: space-between;flex-wrap: wrap;gap: 30px;}
#description-button p{width: 300px;text-align: initial;margin: 20px 30px 0px;font-size: .9rem;}
.bunner-main{padding: 0;z-index: 1;display: block;width: 100%;height: 150vh;background-repeat: no-repeat;background-size: cover;background-position: center bottom;
}
.txtBunner2{position: relative;margin: auto;width: 1366px;height: 80vh;align-items: center;display: flex;justify-content: center;
}
.txtBunner{position: absolute;bottom: -50px;padding: 25px 50px;display: flex;flex-direction: column;align-items: center;gap: 0px;}
#bunners-Conteudo{margin: 50px 0;background-position: top;}
.Texto-Foto div{width: 470px;text-align: justify;}

/* Página Home */
#Banner-Main {width: 100%;height: 90vh;display: block;position: relative;padding: 70px 0 0 0px;color: #ffffff; background-size: cover;background-repeat: no-repeat;background-color: #0B273B;background-image: url(../img/);}
#Bunner-MainMain{background-image: url(../img/background/banner-main-background-multfitas.webp);position: relative;top: -170px;;}

.bunner-main-other{padding: 0;z-index: 1;display: block;width: 100%;height: 110vh;background-repeat: no-repeat;background-size: cover;background-position: center;}

/* Página Serviços */

/*Bunner*/
main > section#Bunner-MainServiços {}

#Serviços{text-align: center;}
#Serviços img{margin: 70px 0;}

.table-container {max-width: 1330px; overflow-x: auto;margin: 50px auto;}

table {font-family: Arial, sans-serif;border-collapse: collapse;width: 1330px;}
th, td {border: 1px solid #dddddd;text-align: left;padding: 8px;}

tr:nth-child(even) {background-color: #f2f2f2;}
th {background-color: #014186;color: white;}

.Roxa{background-color: #E6E6FA;}
.Violeta{background-color: #D8BFD8;}
.Amarela{background-color:  #FFFFE0;}
.Cinza{background-color:  #D3D3D3;}
.Vermelha{background-color: #FFC0CB;}
  

.depoimento{background-color: #02263E;padding: 25px;}
.depoimento .cardDepoimento{background-color: #015EC2;margin: 100px auto;max-width: 750px;box-shadow: 0px 12px 28px 0px rgba(0, 0, 0, 0.603), 0px 2px 4px 0px rgba(0, 0, 0, 0.518), 0px 0px 0px 1px rgba(255, 255, 255, 0.156) inset;padding: 0 100px 100px ;}

#drop{}
#list-header{display: none;flex-direction: column;position: absolute;margin: 30px 0 0;gap: 30px;border-radius: 25px;}
#list-header li a{background-color: #01448C;border-radius: 25px;padding: 10px;font-size: 1rem;}
#list-header li a{color: #ffF;}

.ebook{border-radius: 4.6875rem;background: #FFF;box-shadow: 0px 9px 20px rgba(13, 38, 76, 0.19);padding: 50px;text-align: center;margin: 100px auto;    z-index: 2;position: relative;}

.marcas{background-color: #FECC00;}
.divisoes{padding: 85px 0;display: flex;justify-content: space-evenly;flex-wrap: wrap;gap: 25px;}
.divisoes li{background-color: #FFF;border-radius: 100px;width: 200px;height: 200px;text-align: center;display: flex;justify-content: center;align-items: center;}


/* Area de atuação */
section.areaAtuacao{padding: 0;}
.areaAtuacao {width: 100%; background-color: #02263E;}
.areaAtuacao .grid{display: grid; grid-template-columns:  repeat(auto-fit, minmax(50%, 2fr)); grid-template-rows: repeat(2, calc(200vh/2));}
.areaAtuacao .grid li article{height: 100%; position: relative;}
.areaAtuacao .grid li article p {}

#home .grid li#row1 article{background-color: #0B273B;background-image: url(../img/images/CONJUNTOS-PARA-MARRAÇÃO-DE-PESADAS.webp); background-size: cover; background-repeat: no-repeat; background-position: center;} 
#home .grid li#row2 article{background-color: #0B273B;background-image: url(../img/images/ELEVAÇÃO.webp); background-size: cover; background-repeat: no-repeat; background-position: center;} 
#home .grid li#row3 article{background-color: #0B273B;background-image: url(../img/images/ACESSÓRIOS-PARA-BIG-BAGS.webp); background-size: cover; background-repeat: no-repeat; background-position: bottom;} 
#home .grid li#row3{grid-column-start: 1; grid-column-end: 2;}
#home .grid li#row4 article{background-color: #0B273B;background-image: url(../img/images/FITAS-PARA-CADEIRAS.webp); background-size: cover; background-repeat: no-repeat; background-position: bottom;}


#amarracao .grid{display: grid; grid-template-columns:  repeat(auto-fit, minmax(50%, 2fr)); grid-template-rows: repeat(4, calc(200vh/2));}

#amarracao .grid li#row1 article{background-color: #0B273B;background-image: url(../img/images/CONJUNTOS-PARA-MARRAÇÃO-DE-PESADAS.webp); background-size: cover; background-repeat: no-repeat; background-position: center;} 
#amarracao .grid li#row2 article{background-color: #02263E;;background-size: cover; background-repeat: no-repeat; background-position: center;} 
#amarracao .grid li#row3 article{background-color: #FECC00; background-size: cover; background-repeat: no-repeat; background-position: bottom;} 
#amarracao .grid li#row3{grid-column-start: 1; grid-column-end: 2;}
#amarracao .grid li#row4 article{background-color: #0B273B;background-image: url(../img/images/CONJUNTOS-PARA-MARRAÇÃO-DE-CARGAS-LEVES.webp); background-size: cover; background-repeat: no-repeat; background-position: bottom;} 
#amarracao .grid li#row5 article{background-color: #0B273B;background-image: url(../img/images/KIT-MULTIUSO-PARA-AMARRAÇÃO-DE-CARGAS-LEVES.webp); background-size: cover; background-repeat: no-repeat; background-position: bottom;} 
#amarracao .grid li#row6 article{background-color: #02263E; background-size: cover; background-repeat: no-repeat; background-position: bottom;} 
#amarracao .grid li#row7 article{background-color: #FECC00; background-size: cover; background-repeat: no-repeat; background-position: bottom;} 
#amarracao .grid li#row8 article{background-color: #0B273B;background-image: url(../img/images/CONJUNTOS-PARA-AMARRAÇÃO-DE-VEÍCULOS.webp); background-size: cover; background-repeat: no-repeat; background-position: bottom;} 


#Fitas-tecnicas .grid{display: grid; grid-template-columns:  repeat(auto-fit, minmax(50%, 2fr)); grid-template-rows: repeat(4, calc(200vh/2));}

#Fitas-tecnicas .grid li#row1 article{background-color: #0B273B;background-image: url(../img/images/FITAS-PARA-ESTEIRAS.webp); background-size: cover; background-repeat: no-repeat; background-position: center;} 
#Fitas-tecnicas .grid li#row2 article{background-color: #02263E;;background-size: cover; background-repeat: no-repeat; background-position: center;} 
#Fitas-tecnicas .grid li#row3 article{background-color: #FECC00; background-size: cover; background-repeat: no-repeat; background-position: bottom;} 
#Fitas-tecnicas .grid li#row3{grid-column-start: 1; grid-column-end: 2;}
#Fitas-tecnicas .grid li#row4 article{background-color: #0B273B;background-image: url(../img/images/FITAS-PARA-CADEIRAS.webp); background-size: cover; background-repeat: no-repeat; background-position: bottom;} 
#Fitas-tecnicas .grid li#row5 article{background-color: #0B273B;background-image: url(../img/images/FITAS-PARA-SUSTENTAÇÃO.webp); background-size: cover; background-repeat: no-repeat; background-position: bottom;} 
#Fitas-tecnicas .grid li#row6 article{background-color: #02263E; background-size: cover; background-repeat: no-repeat; background-position: bottom;} 
#Fitas-tecnicas .grid li#row7 article{background-color: #FECC00; background-size: cover; background-repeat: no-repeat; background-position: bottom;} 
#Fitas-tecnicas .grid li#row8 article{background-color: #0B273B;background-image: url(../img/images/FITAS-PARA-CONSTRUÇÃO-CIVIL.webp); background-size: cover; background-repeat: no-repeat; background-position: bottom;}

#big-bags .grid{display: grid; grid-template-columns:  repeat(auto-fit, minmax(50%, 2fr)); grid-template-rows: repeat(3, calc(200vh/2));}

#big-bags .grid li#row1 article{background-color: #0B273B;background-image: url(../img/images/ACESSÓRIOS-PARA-BIG-BAGS.webp); background-size: cover; background-repeat: no-repeat; background-position: center;} 
#big-bags .grid li#row2 article{background-color: #FECC00;;background-size: cover; background-repeat: no-repeat; background-position: center;} 
#big-bags .grid li#row3 article{background-color: #02263E; background-size: cover; background-repeat: no-repeat; background-position: bottom;} 
#big-bags .grid li#row3{grid-column-start: 1; grid-column-end: 2;}
#big-bags .grid li#row4 article{background-color: #0B273B;background-image: url(../img/images/CORDÃO-VEDANTE-PARA-BIG-BAG.webp); background-size: cover; background-repeat: no-repeat; background-position: bottom;} 
#big-bags .grid li#row5 article{background-color: #0B273B;background-image: url(../img/images/CADARÇO-PARA-BIG-BAGS.webp); background-size: cover; background-repeat: no-repeat; background-position: bottom;} 
#big-bags .grid li#row6 article{background-color: #FECC00; background-size: cover; background-repeat: no-repeat; background-position: bottom;}

#elevacao .grid{display: grid; grid-template-columns:  repeat(auto-fit, minmax(50%, 2fr)); grid-template-rows: repeat(1, calc(200vh/2));}

#elevacao .grid li#row1 article{background-color: #0B273B;background-image: url(../img/images/SLING-PARA-ELEVAÇÃO-DE-CARGA.webp); background-size: cover; background-repeat: no-repeat; background-position: center;} 
#elevacao .grid li#row2 article{background-color: #02263E;;background-size: cover; background-repeat: no-repeat; background-position: center;} 


/* Página Sobre */

/*Bunner*/
main > section#Bunner-MainSobre {background-position: center;background-image: url(../img/background/sobre-background-multfitas.webp);top: -170px;;position: relative;}
main > section#Bunner-MainBig-Bags {background-position: center;background-color: #0B273B;background-image: url(../img/background/big-bags-background-multfitas.webp);top: -170px;;position: relative;}
main > section#Bunner-MainElevacao {background-position: center;background-color: #0B273B;background-image: url(../img/background/elevacao-background-multfitas.webp);top: -170px;;position: relative;}
main > section#Bunner-MainAmarracao {background-position: center;background-color: #0B273B;background-image: url(../img/background/amarracao-background-multfitas.webp);top: -170px;;position: relative;}
main > section#Bunner-MainFitas-Tecnicas {background-position: center;background-color: #0B273B;background-image: url(../img/background/fitas-background-multfitas.webp);top: -170px;;position: relative;}

.Serviços-container{margin: 35px auto 120px auto;}   
.Texto-Foto{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-around;gap: 25px;}
.SobreNos {background-image: url(../img/background/sobre-background-multfitas-1920.webp);height: 100vh;width: 100%;height: 310vh;display: block;position: relative;padding: 750px 0 0 0px;color: #ffffff;background-size: cover;background-repeat: no-repeat;background-position: center 500PX;margin: -500px 0 0 0;}
.SobreNos button{text-align: center;margin: auto;display: inline-block;}
.SobreNos img {margin: 25px 0 ;box-shadow: 14px 30px 55px rgba(0, 0, 0, 0.514);}
.SobreNos .button{width: max-content;display: inline-block;margin: 40px auto 20px auto;}
.SobreNos article{margin: 200px auto;max-width: 1000px;}
.SobreNos article .font1{text-align: center;}
.SobreNos article .font7{text-align: start;padding: 10px 15px;}
.SobreNos .politica-qualidade .font7{text-align: center;line-height: 4.5rem;}


/* Página Contato */

/*Bunner*/
main > section#Bunner-MainContato {background-position: center;background-color: #0B273B;background-image: url(../img/background/contato-background-multfitas.webp);top: -170px;position: relative;}

.item-Contato{width: 300px;height: 350px;padding: 50px 0 ;margin: 25px;border-radius: 2rem;background: #FFF;box-shadow: 0px 5px 40px 0px rgba(0, 0, 0, 0.25);}
.altura-linha p{line-height: 2.5rem ;}#map iframe{box-shadow: var(--sombras); max-width: 100%;}
#mapa-itens{display: flex;margin: 150px 0 ;justify-content: space-around;flex-wrap: wrap-reverse;}
#formasContatos li{display: block;color: black;margin: 50px;align-items: center;}
#formasContatos .button{color: white;}
#contatoItens{display: flex;justify-content: space-evenly;text-align: center;flex-wrap: wrap;margin: 50px auto;}
#mapa-itens .font2{margin: 0;}


/* Footer */
footer {position: relative;width: 100%;background-color: var(--footer-color);color: var(--footer-font-color);}
#grid-footer{padding: 40px  30px 60px;}
#listas-footer{width: 100%;display: flex;justify-content: space-between;position: relative;align-items: center;}
#Logo-footer{display: block;justify-content: space-around;margin: 20px 0 0 0;}
#logoFooter{margin: 20px 0;}
#Logo-footer article{max-width: 300px;}
#listas-footer li{line-height: 2.2rem;}
.titulo_footer {padding: 15px;}
footer > section {width: 100%;height: auto;background-color: var(--copyright-color);position: relative;bottom: 0;padding: 25px;text-align: center;}
#lista-contato ul{display: flex;gap: 30px;}


#formContato {top: -100px;position: relative;}

#section-formContato{display: flex; justify-content: space-around; flex-wrap: wrap-reverse;}
#formulario{width: 550px; background-color: #015EC2; display: block; padding: 25px;margin-top: -150px; z-index: 1; min-height: 405px;border-radius: 50px;}
#formulario input, #formulario textarea, #formulario select{display: block; width: 100%; margin: 15px 0; padding: 10px 20px; background-color: transparent; border: 1px solid white; color: white;}
.inputCheckbox{display: flex; color: #fff;}
.inputCheckbox input{width: 75px !important ;}
.titleDestaque strong{font-weight: 700;}
p.inputCheckbox input{display: inline;}
#formulario select{background-color: #015EC2; font-size: 1rem;}
#ckBox{margin: 15px !important;}

#formulario input::placeholder, #formulario textarea::placeholder{color: white;}

.notificForm {color: white;text-align: center;margin: 90px 0 0 0;font-weight: 600;font-size: 1.7rem;}

.button-form{background-color: #ffffff; padding: 15px; color: #000; display: block; margin: 25px auto; border-radius: 50px; text-align: center;}

.contact{display: block;margin: 60px 0 0 0 ;}

#RedesSociais ul {display: flex;justify-content: space-between;}
#RedesSociais ul li{display: block; margin: 25px 0;} 
#RedesSociais ul > li > a{display: flex; align-items: center;color: #000; gap: 15px; margin: auto; font: normal 500 1rem 'Lato Light';}


/* Responsividade para celular */
#Menu-mobile,#btn-mobile {display: none;}
header > nav > input {display: none;}
.none{display: none;}

#list-header li a{transition: 0s background-color;}
#list-header li a:hover{background-color: #FECC00;color: #000;}

/* Tela até 920px */
@media (max-width: 920px) {

    #list-header{display: none;}
    #btn-mobile{display: block;margin: 0 30px 0 0;cursor: pointer;}
    #Menu-header {display: none;}
    #Menu-header li{display: block;}
    #nav.active #Menu-header {display: flex;position: absolute;z-index: 1;top: 100px;left: 0;width: 100%;background-color: #ffffffed;padding: 25px;line-height: 45vh;border-radius: 20px;gap: 45px;flex-direction: column;}


    #listas-footer{display: flex;flex-direction: column;align-items: center;}
    #Logo-footer{display: flex;flex-wrap: wrap;}
    .txtBunner{padding: 0 10px;}
    .font9{font-size: 2rem;}
    .font8{font-size: 1.6rem;}
    .none{display: flex;}

}

@media (max-width: 900px) {
    main section {padding: 0 25px;}

    #drops{display: none !important;}
    
    .areaAtuacao .grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(100%, 2fr));grid-template-rows: repeat(4, calc(200vh/2));}
    
    #amarracao .grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));grid-template-rows: repeat(8, calc(200vh/2));}

    #amarracao .grid li#row3 {grid-row-start: 4;grid-row-end: 5;display: grid;}
    #amarracao .grid li#row8 {grid-row-start: 7;grid-row-end: 8;display: grid;}

    #elevacao .grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));grid-template-rows: repeat(2, calc(200vh/2));}

    #big-bags .grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));grid-template-rows: repeat(6, calc(200vh/2));}

    #big-bags .grid li#row3 {grid-row-start: 4;grid-row-end: 5;display: grid;}
    #big-bags .grid li#row8 {grid-row-start: 7;grid-row-end: 8;display: grid;}
    
    #Fitas-tecnicas .grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));grid-template-rows: repeat(8, calc(200vh/2));}
    
    #Fitas-tecnicas .grid li#row3 {grid-row-start: 4;grid-row-end: 5;display: grid;}
    #Fitas-tecnicas .grid li#row8 {grid-row-start: 7;grid-row-end: 8;display: grid;}

    .SobreNos{padding: 700px 0 0 0;}
    .SobreNos article .font7 {color: #FFF;font-family: Montserrat;font-size: 1.1rem;font-style: normal;font-weight: 600;line-height: 2.25rem;letter-spacing: 0.06563rem;}
    a#Logo_header img {width: 80%;}
    
}

/* Tela até 600px */
@media (max-width: 600px) {
    .font1{font-size: 2rem;}
    .font2{font-size: 2rem;}
    .depoimento .cardDepoimento{padding: 0 50px 100px;}
    #arrow-left{top: 200px;}
    #arrow-right{top: 200px;right: -75%;}

}

@media (max-width: 435px) {

    .txtBunner {bottom: 0;}

    #home .grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(100%, 2fr));grid-template-rows: repeat(4, calc(100vh/2));}
    
    #amarracao .grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));grid-template-rows: repeat(8, calc(100vh/2));}

    #elevacao .grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));grid-template-rows: repeat(2, calc(100vh/2));}

    #big-bags .grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));grid-template-rows: repeat(6, calc(100vh/2));}

    #Fitas-tecnicas .grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));grid-template-rows: repeat(8, calc(100vh/2));}

    .font11{bottom: 20px;font-size: 1rem;left: 10px;}
    .font12{line-height: 2rem;font-size: 0.8rem;margin: 0 0 -35px 0;}
}

/* Tela até 375px */
@media (max-width: 375px) {

    main section {padding: 0 5px;}
    #listas-footer{display: block;}
    #Logo-footer{display: flex;flex-wrap: wrap;}
    .txtBunner{padding: 0;}
    .font9{font-size: 1.3rem;}
    .font8{font-size: 1rem;padding: 20px 0 20px 0;}
    .font2{font-size: 1.4rem;}
    .txtBunner {position: absolute;bottom: -20px;}

    .depoimento .cardDepoimento{padding: 0 10px 70px;}
    .seletion{bottom: -240px;}
    #arrow-left{top: 280px;left: 5%;}
    #arrow-right{top: 280px;right: -65%;}

    .SobreNos{height: 510vh;}
}