/* General Blueprint Style */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap');

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?dti4gq');
  src:  url('fonts/icomoon.eot?dti4gq#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?dti4gq') format('truetype'),
    url('fonts/icomoon.woff?dti4gq') format('woff'),
    url('fonts/icomoon.svg?dti4gq#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-fire:before {
  content: "\e910";
  color: #ea4918;
}
.icon-asterisk:before {
  content: "\f069";
}
.icon-star:before {
  content: "\f005";
}
.icon-clock-o:before {
  content: "\f017";
  vertical-align: middle;
  color:#006846;
}
.icon-facebook-square:before {
  content: "\f082";
  vertical-align: middle;
  font-size: 20pt;
  margin: 0 5px 0 0;
  line-height: 32pt;
  color: #ee2c2c;
}
.icon-google-plus:before {
  content: "\f0d5";
  vertical-align: middle;
  font-size: 20pt;
  margin: 0;
  line-height: 32pt;
  color: #ee2c2c;
}
.icon-envelope:before {
  content: "\f0e0";
}
.icon-instagram:before {
  content: "\f16d";
  vertical-align: middle;
  font-size: 20pt;
  line-height: 32pt;
  margin: 0 4px 0 0;
  color: #ee2c2c;
}
.icon-whatsapp:before {
  content: "\f232";
}
.icon-map-pin:before {
  content: "\f276";
  vertical-align: middle;
  color:#c3996b;
  margin: 0;
}
.icon-chevron-left:before {
  content: "\e900";
}
.icon-chevron-right:before {
  content: "\e901";
}
.icon-controller-paus:before {
  content: "\e902";
}
.icon-controller-play:before {
  content: "\e903";
}
.icon-download:before {
  content: "\e904";
}
.icon-resize-100:before {
  content: "\e905";
}
.icon-resize-full-screen:before {
  content: "\e906";
}
.icon-cross:before {
  content: "\e907";
}
.icon-grid:before {
  content: "\e908";
}
.icon-leaf:before {
  content: "\e90c";
  color: #709130;
}
.icon-menu:before {
  content: "\e90f";
}
.icon-minus:before {
  content: "\e909";
}
.icon-mobile:before {
  content: "\e90e";
  vertical-align: middle;
  color:#006846;
}
.icon-paper-plane:before {
  content: "\e90d";
}
.icon-plus:before {
  content: "\e90a";
}
.icon-popup:before {
  content: "\e90b";
}

a:link { text-decoration:none; }
a:active { color: inherit; }

.gre { color:#7ab32a;}
.bei { color: #c3996b;}
.whi { color:#f1efee;}
.bla { color: #353d3c;}

h1 { font-family: "Josefin Sans", sans-serif; font-size: 55pt; margin: 0; line-height: 45pt; font-weight: 700;}
h2 { font-family: "Cormorant Garamond", serif; font-size: 40pt; margin: 0 5% 5%; line-height: 38pt; font-weight: 300; display: block; float: left; border: 2px solid #fff; padding: 2% 5%; width: 80%; border-radius: 80px;}
p, p a { font-family: 'Josefin Sans', sans-serif; font-size: 16pt; line-height:20pt;}
#copy p, #copy p a { font-family: 'Josefin Sans', sans-serif; font-size: 9pt; line-height: 11pt; font-weight: 400; color:#fff;}

p a:hover { color:#7ab32a;}

@media screen and (max-width: 769px) {
h2 { font-size: 36pt; margin: 0 5% 5%; line-height: 32pt; padding: 5%; width: 80%;}
}

@media screen and (max-width: 581px) {
h1 { font-size: 46pt;line-height: 45pt;}
h2 { font-size: 30pt;line-height: 30pt; padding: 10%; width: 80%; margin: 0 0 6%;}
p, p a { font-size: 13pt; line-height: 19pt; border-radius: 50px;}
#copy, #copy a { font-size: 9pt; line-height: 12pt; }
}