/******************************************/
/* Cores */
/******************************************/
/* Tipografia  */
/****************************************/

@font-face {
    font-family: "Nexa-Bold";
    src: url("../fonts/Nexa-Bold.woff") format("woff");
  }
  
  @font-face {
    font-family: "Nexa-Black";
    src: url("../fonts/Nexa-Black.woff") format("woff");
  }
  
  @font-face {
    font-family: "Nexa-Light";
    src: url("../fonts/Nexa-Light.woff") format("woff");
  }
  
  @font-face {
    font-family: "Nexa-Regular";
    src: url("../fonts/Nexa-Regular.woff") format("woff");
  }
  
  @font-face {
    font-family: "Lato-Bold";
    src: url("../fonts/lato-bold.woff") format("woff");
  }

  @font-face {
    font-family: "Furore";
    src: url("../fonts/Furore.otf") format("OpenType");
  }

  @font-face {
    font-family: cvlt;
    src: url("../fonts/cvlt.ttf") ;
}
  
  body {
    font-family: "Nexa-Bold", Helvetica, Arial, sans-serif;
    background-color: #000;
    height: 100%;
    display: flex;
    flex-direction: column;
  
  }

  .wrapper{
    display: none;
  }
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  a {
    font-weight: normal;
    color: #ffffff;
  }
  
  h1.justify,
  h2.justify,
  h3.justify,
  h4.justify,
  h5.justify,
  h6.justify,
  p.justify,
  li.justify,
  a.justify,
  span.justify {
    text-align: justify;
  }
  
  h1.justify-all,
  h2.justify-all,
  h3.justify-all,
  h4.justify-all,
  h5.justify-all,
  h6.justify-all,
  p.justify-all,
  li.justify-all,
  a.justify-all,
  span.justify-all {
    text-align: justify-all;
  }

  .align-end{
    text-align: end;
  }
  
  h1.navitem,
  h2.navitem,
  h3.navitem,
  h4.navitem,
  h5.navitem,
  h6.navitem,
  p.navitem,
  li.navitem,
  a.navitem,
  span.navitem {
    font-size: 0.8em;
  }
  
  
  h1.black,
  h2.black,
  h3.black,
  h4.black,
  h5.black,
  h6.black,
  p.black,
  li.black,
  a.black,
  span.black {
    font-family: "Nexa-Black", Helvetica, Arial, sans-serif;
  }
  
  h1.lato,
  h2.lato,
  h3.lato,
  h4.lato,
  h5.lato,
  h6.lato,
  p.lato,
  li.lato,
  a.lato,
  span.lato {
    font-family: "Lato-Bold", Helvetica, Arial, sans-serif;
  }

  h1.light,
  h2.light,
  h3.light,
  h4.light,
  h5.light,
  h6.light,
  p.light,
  li.light,
  a.light,
  span.light {
    font-family: "Nexa-Light", Helvetica, Arial, sans-serif;
  }
  
  h1.regular,
  h2.regular,
  h3.regular,
  h4.regular,
  h5.regular,
  h6.regular,
  p.regular,
  li.regular,
  a.regular,
  span.regular {
    font-family: "Nexa-Regular", Helvetica, Arial, sans-serif;
  }
  
  h1.white,
  h2.white,
  h3.white,
  h4.white,
  h5.white,
  h6.white,
  p.white,
  li.white,
  a.white,
  span.white {
    color: #ffffff !important;
  }
  
  
  h1.red,
  h2.red,
  h3.red,
  h4.red,
  h5.red,
  h6.red,
  p.red,
  li.red,
  a.red,
  span.red{
    color: #d02c2c;
  }

  .no-break{
    white-space: nowrap
  }

 .main-yellow{
    color: #ffc600;
  }
  
  p{
    font-size: 1.31em;
  }
  
  a {
    text-decoration: none;
  }
  ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  span,
  ul,
  li,
  a {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    color: inherit;
  }
  
  .letter-spacing-5{
    letter-spacing: 1px;
  }
  
  .letter-spacing-10{
    letter-spacing: 15px;
  }

  .kg{
    font-size: min(100px, 5vw);
    font-family: "Furore";
    line-height: 60px;
  }

  .kg1{
    font-size: min(70px, 3vw);
    font-family: "Furore";
    line-height: 40px;
  }

  @media screen and (max-width: 992px) {
    .kg{
      font-size: 6.5vw;
      line-height: 5vw;
    }
  
    .kg1{
      font-size: 4vw;
      line-height: 5vw;
    }
  }


  h1 {
      font-size: 1em;
      margin: 0;
      line-height: 0.90;
  }

  @media screen and (min-width: 992px) {
    h1{
      font-size: 1.7vw;
   }
  }

  @media screen and (min-width: 1300px) {
    h1{
      font-size: 2.2vw;
   }
  }

  @media screen and (min-width: 1900px) {
    h1{
      font-size: 3em;
   }
  }

  p{
    font-size: 0.7em;
 }

  @media screen and (min-width: 1250px) {
    p{
      font-size: 1em;
  }
  }

  @media screen and (min-width: 1800px) {
    p{
      font-size: 1.3em;
   }
  }
  
  
  
  /*************************************************/
  /* Estilos globais e classes */
  /************************************************/
  .hidden {
    display: none !important;
  }
  .block {
    display: block !important;
  }
  .invisible {
    opacity: 0 !important;
  }
  .bg-image {
    background: center / cover no-repeat;
  }
  .nowrap {
    white-space: nowrap;
  } 
  
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .display-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .display-flex.direction-column {
    flex-direction: column;
  }
  .display-flex.justify-center {
    justify-content: center;
  }
  .display-flex.justify-between {
    justify-content: space-between;
  }
  .display-flex.justify-around {
    justify-content: space-around;
  }
  .display-flex.justify-start {
    justify-content: flex-start;
  }
  .display-flex.justify-end {
    justify-content: flex-end;
  }
  .display-flex.align-items-center {
    align-items: center;
  }
  .display-flex.align-items-start {
    align-items: flex-start;
  }
  .display-flex.align-items-end {
    align-items: flex-end;
  }
  .display-flex.flex-wrap {
    flex-wrap: wrap;
  }
  
  .display-flex.responsive-row {
    flex-direction: row;
  }
  .display-flex.responsive-column {
    flex-direction: column;
  }
  .display-flex.responsive-reverse {
    flex-direction: row-reverse;
  }
  .display-flex.direction-column.responsive-reverse,
  .display-flex.responsive-column.responsive-reverse {
    flex-direction: column-reverse;
  }
  
  .display-flex > .align-self-start {
  align-self: flex-start;
  }
  .display-flex > .align-self-center {
  align-self: center;
  }
  .display-flex > .align-self-end {
  align-self: flex-end;
  }
  .display-flex > .flex-grow {
  flex: 1 !important;
  }
  
  .nopadding{
    padding: 0!important;
    margin: 0!important;
  }
  
  @media screen and (min-width: 1024px) {
    .nopadding-desk{
      padding: 0!important;
      margin: 0!important;
    }
  }
  
  /* HIDE */
  
  
  
  @media screen and (min-width: 768px) {
    .hide-on-desktop,
    .desktop-hide {
      display: none;
    }
  }
  @media screen and (max-width: 767px) {
    .hide-on-mobile,
    .mobile-hide {
      display: none;
    }
  }
  
  @media screen and (max-width: 767px) {
    .desktop-only {
      display: none !important;
    }

    .mobile-only {
      display: block !important;
    }
  }

  
  
  @media screen and (min-width: 768px) {
    .mobile-only {
      display: none !important;
    }
    .desktop-only {
      display: block ;
    }
  
  }
  

    /*************************************************/
  /* INTRO */
  /************************************************/

.intro {
  font-size: 1vw;
  font-family: cvlt;
  box-sizing: inherit;
  z-index: 9;
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  z-index: 9;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background: #000000;
  transition: 1s;
  font-size: 62.5%;
}


.title-1 img {
  width: 28vw;
}

 
@media only screen and (max-width:767px) {
  .title-1 img {
    width: 50vw;
  }  
}



.intro p{
  color: #fff;
  font-size: 2.6rem;
  margin-top: 10px;
}

.logo-intro h2{
  font-family: cvlt!important;
  font-size: 10.5rem;
  color: #ffc600;
}

 
@media only screen and (max-width:767px) {
  .logo-intro{
    padding-bottom: 20vh;
  }
  
  .logo-intro h2{
    font-family: cvlt!important;
    font-size: 20vw;
    color: #ffc600;
  }  
}



.logo-parts {
  position: relative;
  display: inline-block;
  bottom: -20px;
  opacity: 0;
  font-family: cvlt;
}

.logo-parts.active {
  bottom: 0;
  opacity: 1;
  transition: ease-in-out 0.5s;
}



.logo-parts.fade {
  opacity: 0;
  transition: ease-in-out 0.5s;
}

.container-intro-anime{
  position: relative;
  width: 100vw;
  height: 100vh;
}

.content{
  width: 100%;
  font-size: 2rem;
}

.titles {
margin-top: 40vh;
}

@media only screen and (min-width:768px) {
  .titles {
    position: absolute;
    top: 35vh;
    left: 29vw;
    margin-top: 0;
  }
}

.icons{
  position: absolute;
  top: 8vw;
  left: 5vw;
  width: 100vw;
}


.icons img{
  width: 5vw;
  margin: 3vw;
}



.icon-4{
  width: 15vw!important;
}


@media only screen and (max-width:767px) {
  .icons{
    top: 30vh;
    width: 100vw;
  }
  .icons img{
    width: 7vw;
    margin: 2vw;
  }
  .icon-4{
    width: 15vw!important;
  }
}


.text-intro {
  position: relative;
  display: inline-block;
  bottom: 15vh;
  font-size: 2.7vw;
  font-family: Nexa-Black;
  opacity: 1;
}

@media only screen and (max-width:767px) {
  .text-intro {
    font-size: 3.5vw;
    bottom: 25vh;
  }
}

.logo2 h2{
  color: #fff;
}

  /*************************************************/
  /* Navbar */
  /************************************************/

    header{
      background-color: transparent;
      display: flex;
      justify-content: center;
      align-items: center;
      max-width: 1920px;
      margin: 0 auto;
      padding-top: 40px ;
    }

    nav{
      width: 1600px;
      justify-content: space-between;
      font-size: 15px;
    }


    
  
    .navbar-nav{
      text-align: end;
    }
  
  
  @media only screen and (max-width:767px) {
    .logo-navbar{
      margin-left: 10px;
      width: 8vw;
    }

    .header{
      position: relative;
    }

    .navbar{
      width: 100%;
      padding: 1% 5%;
      top: 5vw;
      position: absolute;
    }

    .navbar-nav{
      font-size: 3.5vw;
      padding-top: 2vw;
      width: 50%;
      background-color: rgba(52, 108, 124, 0.8); 
      border-radius: 0 5px 5px 5px ;   
      display: flex;
      align-items: center;
    }

    .navbar-collapse {
      display: flex;
      justify-content: start;
    }

    .navbar-toggler{
      background-color: transparent;
      border: none;
      border-radius: 5px 5px 0 0;
      transition: 1s;
    }

    .navbar-toggler:focus{
      box-shadow: none;
    }

    .collapsed1{
      background-color: rgba(52, 108, 124, 0.8);
      transition: 1s;    
    }

    .navbar-toggler-icon{
      width: 8vw;
      height: 10vw;
      border-color: transparent;
    }

    
  }


  @media only screen and (max-width:400px) {
    .navbar{
      top: 2vw;
    }
  }
  
  



  
  
  @media only screen and (min-width:768px) {
    /*NAVBAR*/
      
    .navbar-nav{
      justify-content: center;
      align-items: center;
    }

    .logo-navbar{
        width: 55px;
        margin-top: -10px;
    }
    .navbar{
        padding: 0;
    }
   

    #navbarNav{
        flex-grow: initial!important;
        position: relative;

    }

    .navbar{
        display: flex;
        justify-content: center;
    }

    .nav-item{
      margin-right: 35px;
      margin-left: 35px;
      border-radius: 50px;

  }


    .nav-text{
      border-radius: 20px;
      padding: min(15px, 1vw) min(15px, 1vw) min(15px, 1vw) min(15px, 1vw);
      transition: 1s;
      font-size: min(0.8vw, 1em);
    }

    .nav-text{
      margin-bottom: 0!important;
    }

    .nav-item:hover{
      background: rgba(52, 108, 124, 0.8);
      transition: 1s;
    }
  }

  @media only screen and (max-width:1700px) {
    nav{
      width: 85vw;
      justify-content: space-between;
      font-size: 15px;
    }

    .nav-item{
      margin-right: 1vw;
      margin-left: 1vw;
      border-radius: 50px;

  }
  }

  @media only screen and (min-width:1350px) {
    .logo-navbar{
      width: 75px;
      margin-top: -10px;
  }

  }



  @media only screen and (max-width:767px) {
    .nav-text{
      font-size: 1.9vw;
      margin-bottom: 0vw;
    }

    .nav-item{
      padding-top: 3vw;
      padding-bottom: 3vw;
      padding-right: 0vw;
      text-align: center;
    }
  }
  
  

    
    /*************************************************/
    /* INTRO */
    /************************************************/

    .panel.page1{
      background-image: url("../images/background-valhalla-01.png");
      max-width: 1920px;
      background-size: 100%;
      margin: 0 auto;
      background-position-x: center;
      background-repeat: no-repeat;
    }

    @media only screen and (max-width:992px) {
      .panel.page1{
        background-image: url("../images/background-valhalla-01-mobile.png");

      }
  
    }

    .container-intro{
        margin: 0 auto;
    }

    .title{
        margin-top: 150px;
    }

    @media only screen and (max-width:1900px)  {
      .title{
        margin-top: 6vw;
      }
    }



    .container-principal{
      max-width: 1400px;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      align-items: end;
      justify-content: end;
      padding: 50px;
      padding-bottom: min(400px, 20vw);
    }

    @media only screen and (max-width:1800px)  {
      .container-principal{
        padding-bottom: 15vw;

      }
    }

    @media only screen and (min-width:992px) and (max-width:1300px)  {
      .container-principal{
        max-width: 50%;
        margin-left: 50%;
        padding: 5vw;
      }
    }

    @media only screen and (max-width:992px)  {
      .container-principal{
        margin-left: 50%;
        max-width: 60%;
        padding: 0px;
        padding-top: 10%;
        padding-right: 5%;
        padding-bottom: 10vw;
      }
    }

    @media only screen and (max-width:767px)  {
      .container-principal{
        padding-bottom: 2vw;
      }
    }

    .container-title{
      display: flex;
      flex-direction: column;
      align-items: center;
    }   
    
    .container-title h1{
      font-size: min(15vw, 300px);
      font-family: cvlt;

    }

       
    .container-title h2{
      letter-spacing: 11px;
      font-size: min(2.3vw, 50px);
    }

    @media only screen and (max-width:992px)  {
      .container-title h2{
        font-size: 3vw;
        letter-spacing: 0.4vw;
      }

    }
  
    .text-title-info{
      max-width: 650px;
      text-align: end;
      margin-top: 50px;
    }

    button{
      background-color: transparent;
      border: transparent;
      max-width: 300px;
    }

    .button{
      margin-right: 10px;
      padding: 1em 2em;
      width: 100%;
      max-width: 300px;
      background-color: #82c50d;
      font-size: 1.5em;
      line-height: 1.15;
      box-shadow: none;
      border-radius: 10px;
      border: 2px solid #82c50d;
      color: #fff;
      font-family: "Lato-Bold", Helvetica, Arial, sans-serif;
      text-align: center;
      text-decoration: none;
      white-space: normal;
      transition: background-color 0.2s;
    }

    .text-title-info button{
      margin-top: 10%;
    }

    @media only screen and (max-width:1300px) {
      .text-title-info{
        width: 50vw;
        margin-top: 0px;
      }
      
      .button{
        padding: 1em;
        font-size: 18px;
      }

      .text-title-info button{
        margin-top: 5%;
        margin-bottom: 15%;
      }
    }

    
    @media only screen and (max-width:767px) {
      .text-title-info button{
        margin-top: 5vw;
        margin-bottom: 20vw;
      }
  
    }


    .button:hover{
      background-color: transparent;
      color: white;
    }

    .button-mobile{
      padding: 2.5vw;
      width: 20vw;
      max-width: 250px;
      background-color: #82c50d;
      font-size: 2.8vw;
      line-height: 1.15;
      box-shadow: none;
      border-radius: 8px;
      border: 2px solid #82c50d;
      color: #fff;
      font-family: "Lato-Bold", Helvetica, Arial, sans-serif;
      text-align: center;
      text-decoration: none;
      white-space: normal;
      transition: background-color 0.2s;
      margin-bottom: 10vw;
    }

    .button-mobile:hover{
      background-color: transparent;
      color: white;
    }

    .text-title-info h2{
      line-height: min(50px, 4vw);
      padding: 15px;
      font-size: min(40px, 2.5vw);
    }

    @media only screen and (max-width:992px)  {
      .text-title-info h2{
        font-size: 2.5vw;
      }
    }

    @media only screen and (max-width:767px)  {
      .text-title-info h2{
        padding: 3vw 0 3vw 5vw;
      }
    }


    /*************************************************/
    /* VALHALLA SYMBOLS */
    /************************************************/

    .panel.page2{
      max-width: 1920px;
      margin: 0 auto;
      position: relative;

     }

     .popup{
      position: absolute;
      left: 0;
      right: 0;
      margin: auto;
      top: -200px;
      width: 8%;
      background-color: #000;
      height: 1300px;
      border-radius: 100px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      z-index: 2;
    }

    @media only screen and (max-width:1300px)  {
      .popup{
        height: 90vw;
      }
    }
    @media only screen and (max-width:992px)  {
      .popup{
        top: -100px;
        height: 90vw;
      }
    }

    @media only screen and (max-width:767px)  {
      .popup{
        top: -5.5vw;
        flex-direction: row;
        width: 90%;
        height: auto;
      }
    }


    .icon-tooltip-container{
      margin: 0 auto;
      display: flex;
      justify-content: center;
      width: 90%;
    }

    @media only screen and (max-width:767px)  {
      .icon-tooltip-container{
        padding: 2.3vw;
      }
    }

    .icon-tooltip-container img{
      max-width: 80%;
    }

    @media only screen and (max-width:767px)  {
      .icon-tooltip-container img{
        max-width: 100%;
      }
    }


   /*************************************************/
    /* MJOLNIR */
    /************************************************/
    #mjolnir:hover{
      cursor: pointer;
    }

    .container-mjolnir{
      display: flex;
      width: 100%;
      justify-content: center;
      position: relative;
    }

    .mjolnir-text{
      background-image: url("../images/background-tooltip1.png");
      left: -400%;
      top: -180%;
      background-size: 100%;
      margin: 0 auto;
      width: min(550px, 350%);
      height: 380px;
      background-repeat: no-repeat;
      position: absolute;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 auto;
      padding: 50px;
      display: none;
    }


    @media only screen and (max-width:1300px) {
      .mjolnir-text{
        padding: 30px;
      }
    }

    @media only screen and (max-width:1700px) {
      .mjolnir-text{
        top: -10vw;
        padding: 25px;
      }

      .mjolnir-text p{
        font-size: 1vw;
      }
    }

    @media only screen and (max-width:767px) {
      .mjolnir-text{
        background-image: url("../images/background-tooltip1-mob.png");
        left: 15vw;
        top: 17vw;
        width: 60vw;
        padding: 6vw 5vw 0vw 5vw;
        text-align: center;
      }


      .mjolnir-text p{
        font-size: 2vw;
        margin-bottom: 3vw;
      }

      .mjolnir-text .title-popup{
        font-size: 4vw;
      }


      .mjolnir-text img{
        position: absolute;
        left: -10vw;
        top: -5vw;
        width: 9vw;
      }
    }


    /*************************************************/
    /* VEGVISIR */
    /************************************************/
    #vegvisir:hover{
      cursor: pointer;
    }

    .container-vegvisir{
      display: flex;
      width: 100%;
      justify-content: center;
      position: relative;
    }

    .vegvisir-text{
      background-image: url("../images/background-tooltip2.png");
      right: -400%;
      top: -350%;
      background-size: 100%;
      width: min(550px, 350%);
      height: 380px;
      background-repeat: no-repeat;
      position: absolute;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 auto;
      padding: 40px 70px;
      display: none;
    }

    .about-vegvisir{
      font-size: 0.9em;
    }

    @media only screen and (max-width:1700px) {
      .vegvisir-text{
        top: -14vw;
        padding: 25px;
      }

      .about-vegvisir{
        font-size: 0.9vw;
      }
    }

    @media only screen and (max-width:1300px) {
      .vegvisir-text{
        padding: 2vw 2vw 0vw 3vw;
        width: 400%;
        right: -450%;
      }

      .about-vegvisir{
        font-size: 1vw;
      }
    }

    
    @media only screen and (max-width:767px) {
      .vegvisir-text{
        background-image: url("../images/background-tooltip2-mob.png");
        left: -7vw;
        top: 17vw;
        width: 60vw;
        padding: 6vw 5vw 0vw 5vw;
        text-align: center;
      }


      .vegvisir-text p{
        font-size: 1.8vw;
        margin-bottom: 2vw;
      }

      .vegvisir-text .title-popup{
        font-size: 4vw;
      }


      .vegvisir-text img{
        position: absolute;
        left: 3vw;
        top: -7vw;
        width: 0.6vw;
      }
    }

  

    /*************************************************/
    /* NAVIO */
    /************************************************/

    #navio:hover{
      cursor: pointer;
    }

    .container-navio{
      display: flex;
      width: 100%;
      justify-content: center;
      position: relative;
    }

    .navio-text{
      background-image: url("../images/background-tooltip1.png");
      left: -400%;
      top: -515%;
      background-size: 100%;
      margin: 0 auto;
      width: min(550px, 350%);
      height: 380px;
      background-repeat: no-repeat;
      position: absolute;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 auto;
      padding: 50px;
      display: none;
    }

    .about-navio{
      font-size: 1.4em;
    }
  

    @media only screen and (max-width:1700px) {
      .navio-text{
        top: -16vw;
        padding: 25px;
      }

      .about-navio{
        font-size: 1.2vw;
      }
    }

    @media only screen and (max-width:1300px) {
      .navio-text{
        padding: 30px;
      }

      .about-navio{
        font-size: 1.1vw;
      }
    }

    @media only screen and (max-width:767px) {
      .container-navio .icon-tooltip-container{
        padding: 2.5vw 1vw 2.5vw 1vw;
      }

      .navio-text{
        background-image: url("../images/background-tooltip1-mob.png");
        left: -10.9vw;
        top: 17vw;
        width: 60vw;
        padding: 8vw 5vw 0vw 5vw;
        text-align: center;
      }


      .navio-text p{
        font-size: 2.3vw;
        margin-bottom: 3vw;
      }

      .navio-text .title-popup{
        font-size:3vw;
      }


      .navio-text img{
        position: absolute;
        left: 5.5vw;
        top: -6vw;
        width: 10.5vw;
      }
    }

    /*************************************************/
    /* VALKNNUT */
    /************************************************/
    #valknnut:hover{
      cursor: pointer;
    }

    .container-valknnut{
      display: flex;
      width: 100%;
      justify-content: center;
      position: relative;
    }

    .valknnut-text{
      background-image: url("../images/background-tooltip2.png");
      right: -400%;
      top: -410%;
      background-size: 100%;
      margin: 0 auto;
      width: min(550px, 350%);
      height: 380px;
      background-repeat: no-repeat;
      position: absolute;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 auto;
      padding: 40px 70px;
      display: none;
      padding-top: 65%;
    }

    .about-valknnut{
      font-size: 1.2em;
    }


    @media only screen and (max-width:1700px) {
      .valknnut-text{
        top: -14vw;
        padding: 25px;
      }

      .about-valknnut{
        font-size: 1.2vw;
      }
    }

    @media only screen and (max-width:1300px) {
      .valknnut-text{
        padding: 25px;
      }

      .about-valknnut{
        font-size: 1.2vw;
      }
    }

    @media only screen and (max-width:767px) {
      .valknnut-text{
        background-image: url("../images/background-tooltip2-mob.png");
        right: -23.5vw;
        top: 17vw;
        width: 60vw;
        padding: 8vw 5vw 0vw 5vw;
        text-align: center;
      }


      .valknnut-text p{
        font-size: 2.3vw;
        margin-bottom: 3vw;
      }

      .valknnut-text .title-popup{
        font-size: 4vw;
      }


      .valknnut-text img{
        position: absolute;
        left: 5.5vw;
        top: -5.5vw;
        width: 25vw;
      }
    }


     /*************************************************/
    /* YGGDRASILL */
    /************************************************/

    #yggdrasill:hover{
      cursor: pointer;
    }

    .container-yggdrasill{
      display: flex;
      width: 100%;
      justify-content: center;
      position: relative;
    }

    .yggdrasill-text{
      background-image: url("../images/background-tooltip1.png");
      left: -400%;
      top: -300%;
      background-size: 100%;
      margin: 0 auto;
      width: min(550px, 350%);
      height: 380px;
      background-repeat: no-repeat;
      position: absolute;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 auto;
      padding: 50px;
      display: none;
    }

    .about-yggdrasill{
      font-size: 1em;
    }
  

    @media only screen and (max-width:1700px) {
      .yggdrasill-text{
        top: -15vw;
        padding: 25px;
      }
      .about-yggdrasill{
        font-size: 0.9vw;
      }
    }

    @media only screen and (max-width:1300px) {
      .yggdrasill-text{
        padding: 2vw;
      }

      .about-yggdrasill{
        font-size: 0.9vw;
      }
    }

    @media only screen and (max-width:767px) {
      .yggdrasill-text{
        background-image: url("../images/background-tooltip3-mob.png");
        right: -24vw;
        top: 17vw;
        width: 60vw;
        padding: 6vw 5vw 0vw 5vw;
        text-align: center;
      }


      .yggdrasill-text p{
        font-size: 1.9vw;
        margin-bottom: 3vw;
      }

      .yggdrasill-text .title-popup{
        font-size: 4vw;
      }


      .yggdrasill-text img{
        position: absolute;
        right: 3.5vw;
        top: -5.5vw;
        width: 10vw;
      }
    }


    
  /*************************************************/
    /* TRISKLE */
    /************************************************/
    #triskle:hover{
      cursor: pointer;
    }

    .container-triskle{
      display: flex;
      width: 100%;
      justify-content: center;
      position: relative;
    }

    .triskle-text{
      background-image: url("../images/background-tooltip2.png");
      right: -400%;
      top: -300%;
      background-size: 100%;
      margin: 0 auto;
      width: min(550px, 350%);
      height: 380px;
      background-repeat: no-repeat;
      position: absolute;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 auto;
      padding: 40px 70px;
      display: none;
      padding-top: 65%;

    }
    
    .about-triskle{
      font-size: 1.3em;
    }

    @media only screen and (max-width:1700px) {
      .triskle-text{
        top: -14vw;
        padding: 25px;
      }

      .about-triskle{
        font-size: 1.2vw;
      }
    }

    @media only screen and (max-width:1300px) {
      .triskle-text{
        padding: 25px;
      }

      .about-triskle{
        font-size: 1.2vw;
      }
    }

    @media only screen and (max-width:767px) {
      .triskle-text{
        background-image: url("../images/background-tooltip4-mob.png");
        right: 2.5vw;
        top: 17vw;
        width: 60vw;
        padding: 8vw 5vw 0vw 5vw;
        text-align: center;
      }


      .triskle-text p{
        font-size: 2.5vw;
        margin-bottom: 3vw;
      }

      .triskle-text .title-popup{
        font-size: 4vw;
      }


      .triskle-text img{
        position: absolute;
        right: 0.5vw;
        top: -7vw;
        width: 0.6vw;
      }
    }




    /*************************************************/
    /* jörmungandr */
    /************************************************/

    #jörmungandr:hover{
      cursor: pointer;
    }

    .container-jörmungandr{
      display: flex;
      width: 100%;
      justify-content: center;
      position: relative;
    }

    .jörmungandr-text{
      background-image: url("../images/background-tooltip1.png");
      left: -400%;
      top: -160%;
      background-size: 100%;
      margin: 0 auto;
      width: min(550px, 350%);
      height: 380px;
      background-repeat: no-repeat;
      position: absolute;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 auto;
      padding: 50px;
      display: none;
    }

    .about-jörmungandr{
      font-size: 0.9em;
    }

    @media only screen and (max-width:1700px) {
      .jörmungandr-text{
        top: -14vw;
        padding: 25px;

      }
      .about-jörmungandr{
        font-size: 0.8vw;
      }
    }

    @media only screen and (max-width:1300px) {
      .jörmungandr-text{
        padding: 2vw;
      }

      .about-jörmungandr{
        font-size: 0.8vw;
      }
    }

    
    @media only screen and (max-width:767px) {
      .jörmungandr-text{
        background-image: url("../images/background-tooltip3-mob.png");
        left: -62vw;
        top: 17vw;
        width: 60vw;
        padding: 6vw 5vw 0vw 5vw;
        text-align: center;
      }


      .jörmungandr-text p{
        font-size: 1.7vw;
        margin-bottom: 3vw;
      }

      .jörmungandr-text .title-popup{
        font-size: 4vw;
      }


      .jörmungandr-text img{
        position: absolute;
        right: -11.8vw;
        top: -7vw;
        width: 17vw;
      }
    }





    .popup-tooltip-container{
      position: absolute;
      max-width: 500px!important;
      background-image: url("../images/background-tooltip1.png");
    }

    .first-row-symbol{
      display: flex;
      justify-content: space-between;
      max-width: 1920px;
      margin: 0 auto;
    }

    @media only screen and (max-width:767px) {
      .first-row-symbol{
        justify-content: center;
      }
    }

    #chair-pray{
      z-index: -99999;
    }
    #div-chair-pray:hover{
      cursor: pointer;
    }

    .chair-primary-symbols{
      margin-top: -10%;
    }

    .chair-primary-symbols {
      max-width: 46%;
    }

    .chair-primary-symbols img{
      max-width: 100%;
    }

    .chair-primary-symbols-mob{
      margin-top: -20%;
    }

    .valhalla-info{
      display: flex;
      flex-direction: column;
      margin-top: 2.5%;
      padding: 50px;
      width: 46%;
      max-height: 550px;
      height: 30vw;
      border-radius: 0 min(5vw, 70px) min(5vw, 70px) 0;
      background-color: #072d38;
      justify-content: center;
      align-items: center!important;
      z-index: -2;
    }

    @media only screen and (max-width:767px) {
      .valhalla-info{
        padding: 5vw;
        margin-top: 13%;
        width: 70%;
        border-radius: min(5vw, 70px) min(5vw, 70px) min(5vw, 70px) min(5vw, 70px);
      }
    }

    .valhalla-info h2{
      font-size: min(11.5vw, 250px);
      font-family: cvlt;
    }

    @media only screen and (max-width:767px) {
      .valhalla-info h2{
        margin-bottom: 0;
      }
    }


    .valhalla-info-text1{
      text-align: justify;
      font-size: min(2.5vw, 20px);
    }

    @media only screen and (max-width:767px) {
      .valhalla-info-text1 p{
        margin-bottom: 0;
      }
    }

    .valhalla-info p{
      max-width: 600px;
    }

    .second-row-symbol{
      display: flex;
      justify-content: space-between;
      max-width: 1600px;
      margin: 0 auto;
    }


    #chair-pray{
      margin-top: max(-50px, -2vw);
      max-width: 100%;
    }

    @media only screen and (max-width:1300px)  {
      #chair-pray{
        padding: 0 12vw 0 2vw;
      }
    }

    @media only screen and (max-width:767px)  {
      .back-chair-mobile{
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
      }

      #chair-pray{
        padding: 2vw 2vw 2vw 4vw;
        width: 100%;
      }

      #viking-tree{
        padding: 2vw;
        width: 70%;
      }

    }

    .primary-chair-container{
      position: relative;
      z-index: 1;
    }

    .pray{
      position: absolute;
      background-image: url("../images/background-tooltip1.png");
      background-size: 100%;
      margin: 0 auto;
      top: 500px;
      left: 110%;
      width: 80%;
      height: 380px;
      background-repeat: no-repeat;
      position: absolute;
      justify-content: center;
      align-items: center;
      margin: 0 auto;
      padding: 50px;
      display: none;
    }

    .about-pray{
      font-size: 0.8em;
    }

    @media only screen and (max-width:1700px)  {
      .primary-chair-container{
        z-index: 1;
      }
      .pray{
        top: 550px;
        left:20%;
        z-index: 99999;
        padding: 30px;
        width: 30vw;
      }
    }

    @media only screen and (max-width:767px)  {
      .primary-chair-container{
        width: 80%;
        display: flex;
        margin: 0 auto;
        justify-content: space-between;
        margin-top: -3vw;
      }
    }

    @media only screen and (max-width:1300px)  {
      .pray-text{
        font-size: 0.9vw;
      }
    }

    @media only screen and (max-width:992px)  {
      .pray{
        width: 40vw;
        padding: 10px;
        top: 100%;
      }

      .pray-text{
        font-size: 1.5vw;
      }
    }

    @media only screen and (max-width:767px)  {
      .pray{
        top: -28vw;
        left: 8.5vw;
        width: 60vw!important;
        height: 45vw;
        background-image: url("../images/background-tooltip2.png");
      }
      .pray-text .title-popup{
        font-size: 3vw;
      }
      .pray-text{
        flex-direction: column;
        width: 100%!important;
        font-size: 2vw;
        padding: 3vw 4vw 4vw 4vw;
        text-align: center;
      }

      .pray-text p{
        font-size: 1.7vw;
        margin-bottom: 3vw;
      }

      .pray-text img{
        position: absolute;
        left: 22vw;
        bottom: -20vw;
        width: 0.6vw;
      }
    }


    .pichau-design-lab{
      padding: 50px 30px 50px 50px;
      width: 600px;
      margin-top: min(5vw, 100px);
      text-align: justify;
    }

    .pichau-design-lab img{
      width: 100%;
    }


    @media only screen and (max-width:767px)  {
      .pichau-design-lab img{
        margin: 0 auto;
        display: flex;
        width: 70%;
      }
    }


    .chair-primary-symbols-mob img{
      width: 100%;
    }

    .valhalla-info-text2{
      margin-top: min(70px, 4vw);
    }

    .valhalla-info-text2 p{
      font-size: 22px;
    }

    @media only screen and (max-width:1300px)  {
      .valhalla-info-text2 p{
        font-size: 1.8vw;
      }

      .pichau-design-lab{
        padding: 0 2vw 0 6vw ;
      }
    }

    @media only screen and (max-width:767px)  {
      .pichau-design-lab{
        padding: 0;
        margin: 0 auto;
        padding-top: 13vw;
        width: 70%;
      }

      .valhalla-info-text2 p{
        font-size: 2vw;
        margin-bottom: 2vw;
      }

      .valhalla-info-text2 .last-child{
        width: 40vw;
        text-align: start;
      }
    }

    /* @media only screen and (max-width:2px)  {
      .pichau-design-lab{
        padding: 50px;
        max-width: 85%;
        margin-top: 60px;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        text-align: justify;
      }
    } */

    /*************************************************/
    /* VALHALLA EXCLUSIVITY */
    /************************************************/

    .panel.page3{
      max-width: 1920px;
      background-size: 100%;
      margin: 0 auto;
      background-position-x: center;
      background-repeat: no-repeat;
      padding-top: 200px;
      margin-top: -200px;
    }

    @media only screen and (min-width:768px)  {
      .panel.page3{
        background-image: url("../images/background-valhalla-02.png");
      }
    }

    @media only screen and (max-width:1800px)  {
      .panel.page3{
        padding-top: 15vw;
      }
    }

    
    @media only screen and (max-width:1400px)  {
      .panel.page3{
        margin-top: 0;
      }
      
    }

    @media only screen and (max-width:767px)  {
      .exclusivity-container-mobile{
        background-image: url("../images/background-valhalla-02-mob.png");
        background-size: 100%;
        background-repeat: no-repeat;
      }

      .panel.page3{
        padding-top: 0;
        margin-top: 13vw;
      }
    }


    .container-exclusivity{
      display: flex;
      justify-content: space-between;
      padding-top: 200px;
      max-width: 1600px;
      margin:0 auto;
    }

    @media only screen and (max-width:1800px)  {
      .container-exclusivity{
        padding-top: 2vw;
      }


      .container-exclusivity p{
        font-size: 1.5vw;
      }
    }

    @media only screen and (max-width:767px)  {
      .container-exclusivity{
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding-top: 0vw;
        width: 70%;
      }

      .container-exclusivity p{
        font-size: 2.5vw;
        margin-bottom: 3vw;
      }
    }





 

    .text-exclusivity{
      width: 650px;
      margin-top: 50px;
      padding: 50px;
    }

    .text-exclusivity h2{
      font-size: min(7.5vw, 120px);
      font-family: cvlt;
      color: #1f8ea3;
    }

    @media only screen and (max-width:767px) {
      .text-exclusivity h2{
        font-size: 10vw;
      }
    }


    .exclusivity-chair-image{
      width: 650px;
    }

    .exclusivity-chair-image img{
      max-width: 100%;
      padding: 0px;
    }

    @media only screen and (min-width:1800px) {
      .text-exclusivity{
        width: 650px;
        padding: 0px;
      }
    }

    @media only screen and (max-width:1799px) {
      .exclusivity-chair-image img{
        padding: 50px;
        }

        .text-exclusivity{
          margin-top: 0;
        }
        
    }

    @media only screen and (max-width:1400px) {
        .text-exclusivity{
          width: 46%;
        }

        .exclusivity-chair-image{
          display: flex;
          justify-content: end;
        }

        .exclusivity-chair-image img{
          padding: 0;
          width: 65%;
          margin-right: 10px;
          }
    }

    @media only screen and (max-width:992px) {
      .exclusivity-chair-image img{
        padding: 0px;
        padding-right: 20px;
        }

        .text-exclusivity{
          padding: 30px;
        }
    }

    @media only screen and (max-width:767px) {
      .exclusivity-chair-image{
        width: 100%;
      }

      .exclusivity-chair-image img{
        padding: 0;
        width: 65%;
        margin-right: -4vw;
        margin-top: 0vw;
        }

        .text-exclusivity{
          padding: 0px;
          width: 100%;
          text-align: center;
        }
    }

    .units{
        margin: auto;
    }

    .units img{
      width: 100%;
    }
  

    /*************************************************/
    /* VALHALLA finishing */
    /************************************************/

    .container-finishing{
      display: flex;
      max-width: 1700px;
      margin: 0 auto;
    }

    @media only screen and (min-width:1800px) {
      .container-finishing{
        padding-top: 100px;
        margin-top: -160px;
      }
    }

    @media only screen and (max-width:767px) {
      .container-finishing{
        width: 70%;
        flex-direction: column;
      }
    }

    .text-finishing{
      margin-top:300px;
      margin-bottom: 50px;
      width: 50%;
      padding-right: 50px;
    }

    .finishing-image{
      width: 50%;
      position: relative;
      margin-right: 50px;
    }

    .finishing-image-mob{
      width: 100%;
    }

    .finishing-image-mob img{
      width: 100%;
    }

    .finishing-image img{
      max-width: 90%;
      position: absolute;
      left: 0vw;
      bottom: max(-10vw, -20%);
    }

    @media only screen and (max-width:1800px) {
      .finishing-image img{
        left: 5vw;
      }
  
    }

    .text-finishing h2{
      font-size: min(7.5vw, 120px);
      font-family: cvlt;
    }

    @media only screen and (max-width:767px) {
      .text-finishing h2{
        font-size: 12vw;
        margin-bottom: 0;
      }
    }

    .finishing-text-mobile3{
      margin-top: 3vw;
      text-align: end;
    }

    .mobile-finishing-text{
      font-size: 2vw;
      width: 30%;
    }
    
    @media only screen and (max-width:1800px) {
      .text-finishing{
        margin-top: 15vw;
      }
    }

    @media only screen and (max-width:1600px) {
      .text-finishing{
        margin-top:7vw;
      }
    }

    @media only screen and (max-width:1400px) {
      .text-finishing{
        margin-top:20vw;
      }
    }

    @media only screen and (max-width:1200px) {
      .text-finishing{
        margin-top:10vw;
        margin-bottom: 3vw;
      }

      .text-finishing p{
        font-size: 1.3vw;
      }
    }

    @media only screen and (max-width:767px) {
      .text-finishing{
        width: 100%;
        padding: 0;
        text-align: center;
      }

      .text-finishing p{
        font-size: 2.2vw;
        margin: 1vw 0 1vw 0;
      }
    }



    /*************************************************/
    /* VALHALLA comfort */
    /************************************************/

    .panel.page4{
      max-width: 1920px;
      background-size: 100%;
      margin: 0 auto;
      background-position-x: center;
      background-repeat: no-repeat;
    }

    @media only screen and (max-width:767px)  {
      .panel.page4{
        max-width: 85%;
      }
    }


    @media only screen and (min-width:768px)  {
      .panel.page4{
        background-image: url("../images/background-valhalla-03.png");
      }
    }

    .title-mechanism{
      margin-top: 3vw;
    }

    .title-mechanism h2{
      font-size: 10vw;
      font-family: cvlt;    
      text-align: center;
      color: #1f8ea3;
      margin-bottom: 1vw;
    }

    .comfort-div{
      max-width: 1600px;
      display: flex;
      justify-content: end;
      height: min(38vw, 700px);
    }

    @media only screen and (max-width:767px)  {
      .comfort-div{
        margin-top: 5vw;
        height: auto;
        padding-bottom: 25vw;
      }
    }

    .comfort{
      width: 850px;
      display: flex;
      align-items: center;
    }

    .container-comfort{
      display: flex;
      flex-direction: column;
    }

    @media only screen and (max-width:767px) {
      .container-comfort{
        display: flex;
        justify-content: center;
        align-items: center;
      }
    }


    .container-comfort h2{
      font-size: min(7.5vw, 120px);
      font-family: cvlt;
      color: #1f8ea3;
      margin-bottom: 1vw;
    }

    @media only screen and (max-width:767px) {
      .container-comfort h2{
        font-size: 9vw;
        margin-left: 3vw;
        margin-right: 3vw;
      }
  
    }

    .text-comfort{
      max-width: 650px;
    }

    @media only screen and (max-width:1600px) {
      .text-comfort{
        padding-right: 30px;
      }
    }

    @media only screen and (max-width:767px) {
      .text-comfort{
        padding-right: 0;
      }
      .text-comfort p{
        margin-top: 1.5vw;
        margin-bottom: 0;
        font-size: 1.7vw;
        text-align: center;
      }
      
    }

    .icon-comfort{
      width: 30%;
    }

    .container-mechanism{
      max-width: 1600px;
      margin: 0 auto;
      padding-bottom: 160px;
    }


    @media only screen and (max-width:1600px) {
      .comfort{
        max-width: 65%;
        margin-left: 48%;
      }
  
    }

    @media only screen and (max-width:767px)  {
      .comfort{
        max-width: 100%;
        margin-left: 0%;
      }
    }

    @media only screen and (max-width:992px) {
      .container-mechanism{
        font-size: 1.5vw;
        padding-bottom: 0px;
      }

      .icon-comfort img{
        width: 10vw;
      }
    }

    @media only screen and (max-width:767px)  {
      .icon-comfort {
        display: flex;
        justify-content: center;
        padding-left: 0vw;
        width: 100%;
        margin-bottom: 1vw;
      }
      
      .icon-comfort img{
        width: 8vw;
        height: 100%;
      }
    }



    /*************************************************/
    /* VALHALLA inclinacao */
    /************************************************/

    .container-inclination{
      max-width: 1600px;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
    }

    .about-inclination{
      max-width: 450px;
    }

    @media only screen and (max-width:1800px) {
      .container-inclination{
        padding: 0 5%;
      }

      .about-inclination{
        width: 30%;
      }
    }

    @media only screen and (max-width:767px) {
      .container-inclination{
        padding: 0%;
      }

      .about-inclination{
        width: 35vw;
      }
    }

    .text-inclination{
      text-align: justify;
      margin-top: 20px;
    }

    @media only screen and (max-width:992px) {
      .text-inclination{
        margin-top: 0px;
      }
    }

    .image-inclination{
      max-width: min(13vw, 300px);
    }

    .image-inclination img{
      width: 100%;
    }

    @media only screen and (max-width:767px) {
      .image-inclination{
        max-width: 100%;
      }

      .image-inclination img{
        width: 17vw;
      }

      .text-inclination p{
        margin-top: 2.5vw;
        margin-bottom: 0;
        font-size: 2vw;
      }
    }


    /*************************************************/
    /* VALHALLA braços */
    /************************************************/

    .about-arms{
        margin-top: 8%;
        width: 320px;
    }

    .text-arms{
        text-align: justify;
        margin-top: 20px;
    }

    .image-arms{
      max-width: min(13vw, 300px);
    }

    .image-arms img{
      width: 100%;
    }

    @media only screen and (max-width:1800px) {
      .about-arms{
        width: 20%;
      }
    }

    @media only screen and (max-width:767px) {
      .about-arms{
        width: 40%;
        margin-left: 35vw;
        margin-top: 0%;
      }

      .text-arms{
        margin-top: 1vw;
      }

      .text-arms p{
        font-size: 1.5vw;
        margin-bottom: 2vw;
      }
    }


    /*************************************************/
    /* VALHALLA premium */
    /************************************************/

    .container-piston{
      max-width: 1600px;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
    }

    .about-premium{
      margin-top: 140px;
      width: 500px;
    }

    @media only screen and (max-width:1800px) {
      .container-piston{
        padding: 0 5%;
      }
      .about-premium{
        margin-top: 8%;
        width: 30%;
      }
    }

    @media only screen and (max-width:992px) {
      .about-premium{
        margin-top: 3%;
      }
    }

    @media only screen and (max-width:767px) {
      .about-premium{
        margin-top: 30vw;
        display: flex;
        flex-direction: column;
        align-items: end;
        padding-right: 1vw;
      }
    }

    .text-premium{
        text-align: justify;
        margin-top: 20px;
    }

    @media only screen and (max-width:767px) {
      .text-premium{
        margin-top: 3vw;
      }

      .text-premium p{
        font-size: 2vw;
        margin-bottom: 0;
      }

    }
    .image-premium{
      max-width: min(13vw, 300px);
    }

    .image-premium img{
      width: 100%;
    }

    @media only screen and (max-width:767px) {
      .about-premium{
        margin-top: 30vw;
        width: 33vw;
        display: flex;
        flex-direction: column;
        align-items: end;
      }
    }

    /*************************************************/
    /* VALHALLA pistao */
    /************************************************/

    .about-piston{
      margin-top: 100px;
      width: 320px;
    }

    .text-piston{
      text-align: justify;
      margin-top: 20px;
    }

    .image-piston{
      max-width: min(13vw, 300px);
    }

    .image-piston img{
      width: 100%;
    }

    @media only screen and (max-width:1800px) {
      .about-piston{
        margin-top: 5%;
        width: 20%;
      }
    }

    @media only screen and (max-width:992px) {
      .about-piston{
        margin-top: 3%;
      }
    }

    @media only screen and (max-width:767px) {
      .about-piston{
        margin-top: 5vw;
        width: 35vw;
      }

      .image-piston img{
        width: 13vw;
      }

      .text-piston{
        margin-top: 0.5vw;
      }

      .text-piston p{
        margin-top: 0vw;
        font-size: 1.8vw;
        margin-bottom: 0;
      }
    }


    /*************************************************/
    /* VALHALLA footer */
    /************************************************/

    footer{
      background-image: url("../images/background-valhalla-04.png");
      max-width: 1920px;
      background-size: 100%;
      background-position-x: center;
      background-repeat: no-repeat;
      margin: 0 auto;
      display: flex;
      justify-content: center;
    }

    .footer-container{
      max-width: 38%;
      padding-top: min(200px, 9vw);
    }

    @media only screen and (max-width:1600px) {
      .footer-container{
        padding-top: 8vw;
      }

      .button-footer button a{
        width: 100%;
        padding: 1.5vw;
        font-size: 1.5vw;
      }
    }

    @media only screen and (max-width:767px) {
      .button-footer button a{
        max-width: 100%;
        display: flex;
        width: 22vw;
        padding: 1.5vw;
        font-size: 2.3vw;
        border-radius: 2vw;
        margin-bottom: 1vw;
        justify-content: center;
      }

      .footer-container{
        padding-top: 0vw;
        max-width: 50%;
      }
    }
    
    .footer-title h2{
      font-size: min(13.5vw, 250px);
      font-family: cvlt;    
      text-align: center;
    }

    @media only screen and (max-width:767px) {
      .footer-title h2{
        margin-bottom: 0;
      }
  
    }

    .icons-social{
      display: flex;
      margin: 0 auto;
      justify-content: space-between;
      align-items: center;
      max-width: 70%;
      margin-top: 50px;
    }

    @media only screen and (max-width:1600px) {
      .icons-social{
        margin-top: 3vw;
      }
    }

    @media only screen and (max-width:767px) {
      .icons-social{
        max-width: 50vw;
        width: 50vw;
        height: 7vw;
        margin-bottom: 4vw;
      }
    }

    .icons-social img{
      width: 70px;
    }

    @media only screen and (max-width:1600px) {
      .icons-social img{
        width: 4vw;
      }
    }

    @media only screen and (max-width:767px) {
      .icons-social img{
        width: 7vw;
      }
    }

    .button-footer, .logo-footer, .copyright-footer{
      display: flex;
      justify-content: center;
    }

    .button-footer {
      margin-top: 100px;
    }

    @media only screen and (max-width:1600px) {
      .button-footer{
        margin-top: 4vw;
      }
    }

    @media only screen and (max-width:767px) {
      .button-footer{
        margin-top: 1vw;
      }
    }

    .logo-footer{
      margin-top: 80px;
    }
    
    .logo-footer img{
      width: 25%;
    }

    @media only screen and (max-width:1600px) {
      .logo-footer{
        margin-top: 4vw;
      }
    }
    
    .copyright-footer{
      font-size: 12px;
      margin-top: 40px;

    } 

    @media only screen and (max-width:1600px) {
      .copyright-footer{
        margin-top: 4vw;
        font-size: 1vw;
      } 
    }

    @media only screen and (max-width:767px) {
      .copyright-footer p{
        margin-bottom: 1vw;
      } 
    }