html{
    scroll-behavior: smooth;
 }

header {
    height: 12vh;
}

nav {
    height: 12vh;
    background-color: #dedede;
    position: fixed;
    top: 0;
    z-index: 9;
}

.fig-header {
    width: 16rem;
}

nav figure {
    width: 6%;
}

main {
    background-color: #ffffff;
}

.menu-buttons {
    color: #777777;
    text-decoration: none;
    font-size: 1.1rem;
    font-weight: 600;
}

.menu-buttons:hover {
    color: #bdb3b3;
    text-decoration: none;
    text-decoration-color: transparent;
}

.cadastro {
    color: #d20000;
    text-decoration: none;
    font-size: 1.2rem;
    font-weight: 600;
}

.cadastro:hover {
    color: #ff0000;
    text-decoration: none;
    text-decoration-color: transparent;
}

.packages {
    background-color: #ffffff;
    height: 64vh;
}

.packagesr {
    background-color: #ffffff;
    height: 36vh;
}

#packages {
    height: 76vh;
}

#foods {
    height: 88vh;
}

#rooms {
    height: 100vh;
}

#turistics {
    height: 136vh;
}

#hotel {
    height: 184vh;
}

.cardp {
    height: 72.4%;
    width: 21.6%;
    background-color: #f5f5f5;
    font-family: 'Mukta', sans-serif;
    color: #676767;
}

.cardpr {
    height: 83.6%;
    width: 21.7%;
    background-color: #f5f5f5;
    font-family: 'Mukta', sans-serif;
    color: #676767;
}

.pmais {
    font-size: 1.1rem;
}


.textos p:nth-child(1) {
    font-size: 1.25rem;
}

.textos p:nth-child(2) {
    font-size: .8rem;
}

.textos p:nth-child(3) {
    float: right;
}

.h1r {
    margin-bottom: 45px;
}

.title {
    font-family: 'Train One', cursive;
    font-size: 2.5rem;
    color: #2d5e8c;
    margin: 0px;
}

.linhap {
    height: 0.2rem;
    width: 11%;
    background-color: #2d5e8c;
}

.linhar {
    height: 0.2rem;
    width: 11%;
    background-color: #2d5e8c;
}

.linhaq {
    height: 0.2rem;
    width: 11%;
    background-color: #2d5e8c;
}

.linhalt {
    height: 0.2rem;
    width: 21%;
    background-color: #2d5e8c;
}

.packagesr {
    height: 26.5%;
}

.linhah {
    height: 0.2rem;
    width: 21%;
    background-color: #2d5e8c;
}


section#contato {
    height: 210px;
    background-color: #5f5e5e;
}

footer h2 {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    color: #ffffff;
}

footer h6 {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    color: #ffffff;
    width: 253px;
}

footer figure {
    width: 2rem;
}

footer div:nth-child(3) {
    width: 201px;
}

.insta {
    filter: contrast(0) brightness(10);
}

.insta:hover {
    filter: none;
}

.tw {
    filter: grayscale(10) brightness(10);
}

.tw:hover {
    filter: none;
}

.face {
    filter: grayscale(10) brightness(10) contrast(10);
}

.face:hover {
    filter: none;
}

@media (max-width: 1536px) {
    html {
      font-size: 12.3px;
    }
  }
  
  @media (max-width: 1366px) {
    html {
      font-size: 10px;
    }
  }