/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 5, ../../../../../../../Ruby27-x64/lib/ruby/gems/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../../Ruby27-x64/lib/ruby/gems/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../../Ruby27-x64/lib/ruby/gems/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../../Ruby27-x64/lib/ruby/gems/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../../Ruby27-x64/lib/ruby/gems/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../../Ruby27-x64/lib/ruby/gems/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../../Ruby27-x64/lib/ruby/gems/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../../Ruby27-x64/lib/ruby/gems/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../../Ruby27-x64/lib/ruby/gems/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/*@font-face {
  font-family: 'font';
  src: url("../fonts/font.eot");  IE9 Compat Modes 
  src: url('../fonts/font.eot?#iefix') format('embedded-opentype'),  IE6-IE8 
       url('../fonts/font.woff2') format('woff2'),  Super Modern Browsers 
       url('../fonts/font.woff') format('woff'),  Pretty Modern Browsers 
       url('../fonts/font.ttf')  format('truetype');  Safari, Android, iOS 
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'font';
  src: url("../fonts/font-bold.eot");  IE9 Compat Modes 
  src: url('../fonts/font-bold.eot?#iefix') format('embedded-opentype'),  IE6-IE8 
       url('../fonts/font-bold.woff2') format('woff2'),  Super Modern Browsers 
       url('../fonts/font-bold.woff') format('woff'),  Pretty Modern Browsers 
       url('../fonts/font-bold.ttf')  format('truetype');  Safari, Android, iOS 
 font-weight: bold;
}*/
/* line 2, ../sass/_base.scss */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* line 8, ../sass/_base.scss */
body, html {
  padding: 0;
  margin: 0;
  font-family: "Lato", sans-serif;
  font-size: 17px;
  line-height: 27px;
  letter-spacing: 0.5px;
}
@media (max-width: 992px) {
  /* line 8, ../sass/_base.scss */
  body, html {
    font-size: 18px;
    line-height: 24px;
  }
}

/* line 21, ../sass/_base.scss */
a {
  display: inline-block;
  text-decoration: none;
  color: #484642;
  text-decoration: none;
}
/* line 26, ../sass/_base.scss */
a:hover {
  color: #000000;
  text-decoration: underline;
}

/* line 32, ../sass/_base.scss */
p {
  color: #CCC;
  margin-bottom: 30px;
}

/* line 37, ../sass/_base.scss */
h1, h2, h3, h4, h5, h6 {
  color: #000000;
  font-weight: bold;
  margin-top: 30px;
  font-family: "Lato", sans-serif;
  margin-bottom: 20px;
  line-height: 100%;
}

/* line 46, ../sass/_base.scss */
h1 {
  font-size: 2.5rem;
}
@media (max-width: 992px) {
  /* line 46, ../sass/_base.scss */
  h1 {
    font-size: 30px;
  }
}

/* line 53, ../sass/_base.scss */
h2 {
  font-size: 2rem;
}

/* line 57, ../sass/_base.scss */
h3 {
  font-size: 1.5rem;
}

/* line 61, ../sass/_base.scss */
h4 {
  font-size: 1rem;
}

/* line 65, ../sass/_base.scss */
strong {
  font-weight: bold;
}

/* line 69, ../sass/_base.scss */
em {
  font-style: italic;
}

/* line 73, ../sass/_base.scss */
ul {
  padding-left: 20px;
  list-style-type: disc;
}
/* line 76, ../sass/_base.scss */
ul li {
  margin-bottom: 10px;
  color: #fff;
}

/* line 82, ../sass/_base.scss */
ol {
  padding-left: 20px;
  list-style-type: decimal;
}
/* line 85, ../sass/_base.scss */
ol li {
  margin-bottom: 15px;
  color: #CCC;
}

/* line 91, ../sass/_base.scss */
blockquote {
  font-style: italic;
  color: #000000;
  font-size: 30px;
  margin-right: 0.5em;
  padding: 0.5em;
  line-height: 40px;
  position: relative;
  display: inline-block;
}
/* line 100, ../sass/_base.scss */
blockquote p {
  color: #000000;
}

/* line 105, ../sass/_base.scss */
blockquote::before {
  content: "\201C";
  position: absolute;
  top: 5px;
  left: -20px;
  color: #000000;
  font-size: 70px;
}

/* line 114, ../sass/_base.scss */
blockquote::after {
  content: "\201D";
  color: #000000;
  position: absolute;
  bottom: 5px;
  right: -20px;
  font-size: 70px;
}

/* line 123, ../sass/_base.scss */
.white-text {
  color: #fff;
}

/* line 127, ../sass/_base.scss */
.black-text {
  color: #000;
}

/* line 131, ../sass/_base.scss */
.btn {
  padding: 15px 35px;
  font-size: 18px;
  font-weight: 400;
  transition: .4s all;
  background-color: #000000;
  color: #fff;
  margin-top: 15px;
  text-decoration: none;
  margin-bottom: 20px;
}
/* line 141, ../sass/_base.scss */
.btn i {
  vertical-align: middle;
  margin-left: 5px;
  margin-right: -5px;
}
/* line 147, ../sass/_base.scss */
.btn:hover {
  background-color: #fff;
  color: #000;
  text-decoration: none;
}

/* line 154, ../sass/_base.scss */
.alignright {
  margin: 20px;
  float: right;
}

/* line 159, ../sass/_base.scss */
.alignleft {
  margin: 20px;
  float: left;
}

/* line 164, ../sass/_base.scss */
.container-fluid {
  padding: 0;
}

/* line 168, ../sass/_base.scss */
.order-2 {
  order: unset;
}
@media (min-width: 992px) {
  /* line 168, ../sass/_base.scss */
  .order-2 {
    order: 2;
  }
}

/* line 2, ../sass/_hamburger.scss */
.hamburger {
  display: none;
  padding: 20px 15px 0px;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
  float: right;
}
@media (max-width: 992px) {
  /* line 2, ../sass/_hamburger.scss */
  .hamburger {
    display: inline-block;
  }
}
@media (max-width: 576px) {
  /* line 2, ../sass/_hamburger.scss */
  .hamburger {
    padding: 30px 5px 0px;
  }
}

/* line 24, ../sass/_hamburger.scss */
.hamburger:hover {
  opacity: 0.7;
}

/* line 27, ../sass/_hamburger.scss */
.hamburger-box {
  width: 30px;
  height: 24px;
  display: inline-block;
  position: relative;
}

/* line 33, ../sass/_hamburger.scss */
.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}

/* line 37, ../sass/_hamburger.scss */
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 30px;
  height: 4px;
  background-color: #000000;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

/* line 46, ../sass/_hamburger.scss */
.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}

/* line 49, ../sass/_hamburger.scss */
.hamburger-inner::before {
  top: -10px;
}

/* line 51, ../sass/_hamburger.scss */
.hamburger-inner::after {
  bottom: -10px;
}

/*
   * Squeeze
   */
/* line 57, ../sass/_hamburger.scss */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

/* line 60, ../sass/_hamburger.scss */
.hamburger--squeeze .hamburger-inner::before {
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}

/* line 62, ../sass/_hamburger.scss */
.hamburger--squeeze .hamburger-inner::after {
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

/* line 65, ../sass/_hamburger.scss */
.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

/* line 69, ../sass/_hamburger.scss */
.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}

/* line 73, ../sass/_hamburger.scss */
.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/* line 2, ../sass/_header.scss */
header {
  padding: 10px 0 10px;
}
/* line 4, ../sass/_header.scss */
header .logo {
  display: block;
  margin: 0 auto;
  width: 345px;
}
@media (max-width: 992px) {
  /* line 4, ../sass/_header.scss */
  header .logo {
    width: 275px;
  }
}

/* line 2, ../sass/_main.scss */
main {
  overflow: hidden;
}
/* line 5, ../sass/_main.scss */
main .mb {
  margin-bottom: 30px;
}
/* line 9, ../sass/_main.scss */
main .icon-container {
  position: relative;
}
/* line 11, ../sass/_main.scss */
main .icon-container .sf-icon {
  position: absolute;
  right: 20px;
  bottom: -20px;
  height: 70%;
  width: inherit;
  max-width: 350px;
}
/* line 18, ../sass/_main.scss */
main .icon-container .sf-icon img {
  height: 100%;
  max-width: 350px;
  opacity: 0.15;
}
/* line 26, ../sass/_main.scss */
main .content {
  padding: 50px 50px 30px;
  background-color: #a9a296;
  height: 100%;
}
@media (max-width: 992px) {
  /* line 26, ../sass/_main.scss */
  main .content {
    margin-top: -7px;
    padding: 40px 30px 30px;
  }
}
@media (max-width: 768px) {
  /* line 26, ../sass/_main.scss */
  main .content {
    padding: 30px 20px 30px;
  }
}
/* line 38, ../sass/_main.scss */
main .content h1 {
  margin-top: 0;
  color: #fff;
}
/* line 43, ../sass/_main.scss */
main .content p {
  color: #fff;
}
/* line 47, ../sass/_main.scss */
main .content a {
  position: relative;
  z-index: 5;
}
/* line 53, ../sass/_main.scss */
main .photo {
  height: 100%;
  position: relative;
}
@media (min-width: 992px) {
  /* line 58, ../sass/_main.scss */
  main .photo.position-left {
    margin-right: -30px;
  }
  /* line 62, ../sass/_main.scss */
  main .photo.position-right {
    margin-left: -30px;
  }
}
/* line 67, ../sass/_main.scss */
main .photo img {
  width: 100%;
}
@media (min-width: 992px) {
  /* line 67, ../sass/_main.scss */
  main .photo img {
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

/* line 2, ../sass/_footer.scss */
footer {
  padding: 30px 0;
  margin-top: 60px;
  text-align: center;
}
/* line 6, ../sass/_footer.scss */
footer a, footer p {
  color: #a9a296;
}