/* General Blueprint Style */
@import url('https://fonts.googleapis.com/css2?family=Hepta+Slab:wght@1..900&family=Staatliches&family=Unbounded:wght@200..900&display=swap');

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?pb0f95');
  src:  url('fonts/icomoon.eot?pb0f95#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?pb0f95') format('truetype'),
    url('fonts/icomoon.woff?pb0f95') format('woff'),
    url('fonts/icomoon.svg?pb0f95#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-clock:before {
  content: "\e900";
}
.icon-map-marker:before {
  content: "\f041";
}
.icon-facebook-square:before {
  content: "\f082";
  font-size: 24pt;
  line-height: 28pt;
  margin-right: 3px;
}
.icon-instagram:before {
  content: "\f16d";
  font-size: 24pt;
  line-height: 28pt;
  margin-right: 3px;
}
.icon-google:before {
  content: "\f1a0";
  font-size: 24pt;
  line-height: 28pt;
}
.icon-whatsapp:before {
  content: "\f232";
}
.icon-cross:before {
  content: "\e901";
}
.icon-menu:before {
  content: "\e902";
}
a .icon-facebook-square, a .icon-google, a .icon-instagram { color: #fff;}
a .icon-facebook-square:hover, a .icon-google:hover, a .icon-instagram:hover { color: #e9be09;}

#col1 .icon-facebook-square:before, #col1 .icon-instagram:before, #col1 .icon-google:before { font-size: 30pt; line-height: 36pt;}

.whi { color:#fff;}
.bei { color:#ece3d0;}
.ora { color: #f15a24;}
.yel { color: #f8d74b;}
.gre { color: #4e932c;}
.blu { color: #0071bd;}
.yel2 { color: #e9be09;}
.bla { color: #000;}
.med { font-weight: 500;}
.bold { font-weight: 700;}
.lig { font-weight: 200;}

a { text-decoration: none;}

.fa-star { vertical-align: top;}

.portal h1 { font-family: 'Staatliches', sans-serif; font-size: 4.6vw; letter-spacing: 1.2px; line-height: 4vw; text-shadow: 2px 2px 20px rgb(0,0,0,0.6); color: #fff;}
.portal p { font-family: 'Unbounded', sans-serif; font-size: 11pt; line-height: 14pt; font-weight: 300; color: #fff; background: #f15a24; border-radius: 50px; padding: 5% 8%;}

h1 { font-family: 'Staatliches', sans-serif; font-size: 25pt; margin: 0; letter-spacing: 1px; line-height: 24pt;}

p { font-family: 'Unbounded', sans-serif; font-size: 14pt; font-weight:200; line-height: 18pt; padding: 0.5% 1.5%;}
.review p { font-family: 'Unbounded', sans-serif; font-size: 12pt; font-weight:300; line-height: 17pt; padding: 0.5% 1.5%;}

.about p, .about2 p, .owners p { font-size: 11pt; line-height: 16pt; padding: 0; font-weight:300;}

.about .title, .about .sub2, .about2 .sub2, .owners .sub2 { font-family: 'Hepta Slab', serif;}

.title { font-family: 'Unbounded', sans-serif; font-size: 23pt; line-height: 29pt;}
.sub { font-family: 'Unbounded', sans-serif; font-size: 11pt; font-weight: 500; line-height: 14pt;}
.sub2 { font-family: 'Unbounded', sans-serif; font-size: 14pt; font-weight: 500; line-height: 19pt;}

.foot1, .foot2 { font-family: 'Unbounded', sans-serif; font-weight: 300; font-size: 11pt; line-height: 16pt; color: #fff;}
.foot1 .title, .foot2.title, .foot3 .title { font-size: 10pt; line-height:15pt; color: #ef5b30;}
.foot2.title a { font-size: 10pt; line-height:15pt; color: #fff;}
.foot2.title a:hover { color: #e9be09;}
.foot3 .copy, .foot3 .copy a { font-family: 'Unbounded', sans-serif; font-size: 8pt; line-height: 1pt;font-weight: 300; color: #fff;}
.foot3 .copy a:hover { color: #ef5b30;}

.desc { font-family: 'Unbounded', sans-serif; font-size: 11pt; font-weight: 300; line-height: 13pt; padding: 0; margin: 2px 0 6px 12px; display: block; letter-spacing: 0.2px;}

.menu .title, .bar .title { font-family: 'Staatliches', sans-serif; font-size: 35pt; line-height: 40pt; letter-spacing: 0.6px;}
h3 { display: inherit;}


@media screen and (max-width: 769px) {
    p { font-size: 12pt; line-height: 17pt;}
    .menu .title { font-size: 31pt; line-height: 30pt;}
    .portal p { padding: 3% 8%; font-size: 10pt; line-height: 13pt;}
    .portal h1 { font-size: 36pt; line-height: 40pt;}
}

@media screen and (max-width: 581px) {
    .menu .title { font-size: 30pt; line-height: 30pt;}
    .title { font-size: 19pt; line-height: 26pt;}
    #col5 .title, #col6 .title, #title .title { font-size: 30pt;}
    .desc { font-size: 10.5pt; line-height: 14.5pt;margin: 2px 0 4px 12px;}
    .fa-brands { font-size: 35pt; margin: 8px 5px 0px;}
    .sub { font-size: 11pt; line-height: 16pt;}
    p { font-size: 11pt; line-height: 16pt;}
}