@import url("//hello.myfonts.net/count/323ced");
@import url("//hello.myfonts.net/count/32fad2");
@import url("//hello.myfonts.net/count/32fad3");
h1, h2 {
  font-size: 100%;
  font-weight: normal; }

/* @import must be at top of file, otherwise CSS will not work */
@font-face {
  font-family: 'Gilroy-Regular';
  src: url("../fonts/gilroy/323CED_0_0.eot");
  src: url("../fonts/gilroy/323CED_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/gilroy/323CED_0_0.woff2") format("woff2"), url("../fonts/gilroy/323CED_0_0.woff") format("woff"), url("../fonts/gilroy/323CED_0_0.ttf") format("truetype"); }
@font-face {
  font-family: 'Gilroy-Medium';
  src: url("../fonts/gilroy/323CED_1_0.eot");
  src: url("../fonts/gilroy/323CED_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/gilroy/323CED_1_0.woff2") format("woff2"), url("../fonts/gilroy/323CED_1_0.woff") format("woff"), url("../fonts/gilroy/323CED_1_0.ttf") format("truetype"); }
@font-face {
  font-family: 'Gilroy-Light';
  src: url("../fonts/gilroy/323CED_2_0.eot");
  src: url("../fonts/gilroy/323CED_2_0.eot?#iefix") format("embedded-opentype"), url("../fonts/gilroy/323CED_2_0.woff2") format("woff2"), url("../fonts/gilroy/323CED_2_0.woff") format("woff"), url("../fonts/gilroy/323CED_2_0.ttf") format("truetype"); }
@font-face {
  font-family: 'Gilroy-ExtraBold';
  src: url("../fonts/gilroy/323CED_3_0.eot");
  src: url("../fonts/gilroy/323CED_3_0.eot?#iefix") format("embedded-opentype"), url("../fonts/gilroy/323CED_3_0.woff2") format("woff2"), url("../fonts/gilroy/323CED_3_0.woff") format("woff"), url("../fonts/gilroy/323CED_3_0.ttf") format("truetype"); }
@font-face {
  font-family: 'CeraPRO-Medium';
  src: url("../fonts/cera/32FAD2_0_0.eot");
  src: url("../fonts/cera/32FAD2_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/cera/32FAD2_0_0.woff2") format("woff2"), url("../fonts/cera/32FAD2_0_0.woff") format("woff"), url("../fonts/cera/32FAD2_0_0.ttf") format("truetype"); }
@font-face {
  font-family: 'CeraPRO-Light';
  src: url("../fonts/cera/32FAD3_0_0.eot");
  src: url("../fonts/cera/32FAD3_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/cera/32FAD3_0_0.woff2") format("woff2"), url("../fonts/cera/32FAD3_0_0.woff") format("woff"), url("../fonts/cera/32FAD3_0_0.ttf") format("truetype"); }
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon/icomoon.eot?lo3oq9");
  src: url("../fonts/icomoon/icomoon.eot?lo3oq9#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?lo3oq9") format("truetype"), url("../fonts/icomoon/icomoon.woff?lo3oq9") format("woff"), url("../fonts/icomoon/icomoon.svg?lo3oq9#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  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-facebook:before {
  content: "\ea91"; }

.icon-instagram:before {
  content: "\ea92"; }

.icon-pinterest:before {
  content: "\ead1"; }

.panel-display {
  position: relative; }

.panel-pane.pane-related-projects {
  width: 100%;
  margin-right: 1.88679%;
  float: left;
  margin-bottom: 280px; }
  .panel-pane.pane-related-projects .pane-title {
    line-height: normal;
    text-transform: uppercase;
    font-family: "CeraPRO-Light";
    font-weight: normal;
    font-size: 20px;
    letter-spacing: 5px;
    background: #D8D8D8;
    padding: 80px 0;
    margin-bottom: 80px;
    text-align: center;
    margin-left: -1000px;
    margin-right: -1000px;
    padding-left: 1000px;
    padding-right: 1000px; }
  .panel-pane.pane-related-projects .pane-content {
    position: relative; }
    .panel-pane.pane-related-projects .pane-content > article {
      width: 24.9%;
      float: left;
      margin: 0 !important; }
      @media (max-width: 800px) {
        .panel-pane.pane-related-projects .pane-content > article {
          width: 49.9%; } }
      @media (max-width: 600px) {
        .panel-pane.pane-related-projects .pane-content > article {
          width: 100%; } }

/*# sourceMappingURL=panels.css.map */
