@charset "UTF-8";
/* CSS Document */

/******************************************************************************
								 Type 
******************************************************************************/
@font-face {
  font-family: "Gin";
  src: url("../font/GIN.TTF") format("truetype");
}



#headerFont {
  font-family: Gin !important;
  letter-spacing: 10px;
  /* font-size: xx-large; */
  font-weight: 500;
}

#subHeaderFont {
  font-family: Gin !important;
  letter-spacing: 4px;
  font-size: 10px;
  font-weight: 700;
}

@media only screen and (max-width: 800px) {
  #headerFont {
    font-size: x-large;
  }

  #subHeaderFont {
    font-size: 8px;
    font-weight: 500;
  }

  #headerFooter {
    height: 2.5vh !important;
  }
}

h1 {
  font-size: 16px;
  margin: 0 0 10px 0;
}
h2 {
  font-size: 14px;
  margin: 0 0 10px 0;
}
h3,
h4,
h5 {
  font-size: 12px;
  margin: 0 0 6px 0;
}
p {
  margin: 0 0 8px 0;
  /* line-height: 18px; */
}

#suitePhotos p {
  font-size: 11px;
  margin: 0 0 0 10px;
}

/* Mobile Screen */
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #headerFont {
    font-size: large;
  }

  #headerFooter {
    height: 3.5vh !important;
  }

  .navbar-toggler {
    padding: 1px 6px 1px 6px !important;
  }
}

/* Tablets Screen */
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .header img {
    height: 20.5vh;
  }

  .headerTextDiv {
    height: 20.5vh;
  }

  .headerTextHeader {
    height: 17vh;
  }

  .sideBlock {
    height: 19.9vh;
  }
}

/* Small screens, laptops */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
}

/* Desktops, large screens */
@media only screen and (min-width: 1025px) and (max-width: 1200px) {
}