/* 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, ../../../../../../Library/Ruby/Gems/2.0.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, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../Library/Ruby/Gems/2.0.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, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../Library/Ruby/Gems/2.0.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, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../Library/Ruby/Gems/2.0.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;
}

/* line 9, ../sass/screen.scss */
* {
  box-sizing: border-box;
}

/* line 41, ../sass/screen.scss */
html {
  font-size: 62.5%;
}

/* line 42, ../sass/screen.scss */
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
}

/* line 43, ../sass/screen.scss */
h1 {
  font-size: 48px;
  font-size: 4.8rem;
  margin-bottom: 2.5rem;
  line-height: 1.2;
  color: #333;
}

/* line 44, ../sass/screen.scss */
h2 {
  font-size: 26px;
  font-size: 2.6rem;
  margin-bottom: 2rem;
  line-height: 1.2;
  color: #333;
}

/* line 45, ../sass/screen.scss */
h3, h4 {
  color: #333;
  margin-bottom: 10px;
  line-height: 1.4;
}

/* line 46, ../sass/screen.scss */
h3 {
  font-size: 21px;
  font-size: 2.1rem;
}

/* line 47, ../sass/screen.scss */
h4 {
  font-size: 18px;
  font-size: 1.8rem;
}

/* line 48, ../sass/screen.scss */
p {
  margin-bottom: 1rem;
}

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

/* line 50, ../sass/screen.scss */
a {
  color: #3184C6;
  text-decoration: none;
}

/* line 51, ../sass/screen.scss */
a:active, button:active, input:active, a:focus, button:focus, input:focus, textarea:focus, textarea:active {
  outline: none;
}

/* line 52, ../sass/screen.scss */
.blue {
  color: #3184C6;
}

/* line 53, ../sass/screen.scss */
body {
  background: #F8FBFD;
  font-size: 13px;
  font-size: 1.3rem;
  font-family: "Open Sans", sans-serif;
  font-weight: normal;
  color: #999;
  line-height: 1.6 !important;
  position: relative;
  padding-top: 70px;
}

/* line 64, ../sass/screen.scss */
.container {
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
  width: 94%;
  overflow: hidden;
}
/* line 12, ../../../../../../Library/Ruby/Gems/2.0.0/gems/susy-2.2.12/sass/susy/output/support/_clearfix.scss */
.container:after {
  content: " ";
  display: block;
  clear: both;
}

/* line 65, ../sass/screen.scss */
header {
  height: 70px;
  padding: 15px 0;
  background: #fff;
  border-bottom: 1px #eee solid;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}
/* line 75, ../sass/screen.scss */
header #logo img {
  width: 42px;
}
/* line 77, ../sass/screen.scss */
header nav {
  padding-top: 8px;
}
/* line 80, ../sass/screen.scss */
header nav ul li {
  float: left;
  margin-right: 60px;
  font-size: 14px;
}
/* line 84, ../sass/screen.scss */
header nav ul li a {
  color: #666;
}
/* line 88, ../sass/screen.scss */
header nav ul li.active a, header nav ul li:hover a {
  color: #3184C6;
  font-weight: 600;
}
/* line 96, ../sass/screen.scss */
header nav.oneThird:nth-child(3n) ul {
  float: right;
}
/* line 98, ../sass/screen.scss */
header nav.oneThird:nth-child(3n) ul li:last-child {
  margin-right: 0;
}

/* line 103, ../sass/screen.scss */
#slider {
  background: #f9f9f9;
  height: 600px;
}
/* line 106, ../sass/screen.scss */
#slider .slide {
  position: relative;
  height: 550px;
  overflow: hidden;
  background-color: #000;
}
/* line 111, ../sass/screen.scss */
#slider .slide img {
  width: 100%;
  min-height: 550px;
  opacity: .7;
  position: absolute;
  top: 0;
  left: 0;
}
/* line 119, ../sass/screen.scss */
#slider .slide .container {
  width: 100%;
  position: relative;
  padding-top: 150px;
}
/* line 126, ../sass/screen.scss */
#slider .slide .container h2, #slider .slide .container p {
  color: #fff;
}
/* line 131, ../sass/screen.scss */
#slider .owl-dots {
  margin-top: 60px;
  display: none;
}

/* line 136, ../sass/screen.scss */
#lead {
  position: relative;
  padding-top: 100px;
}
/* line 140, ../sass/screen.scss */
#lead .pVideo {
  width: 100%;
}
/* line 145, ../sass/screen.scss */
#lead blockquote {
  width: 75%;
  margin: 0 auto;
  color: rgba(255, 255, 255, 0.8);
}

/* line 151, ../sass/screen.scss */
#pGallery {
  overflow: hidden;
}
/* line 153, ../sass/screen.scss */
#pGallery a {
  display: block;
  width: 25%;
  height: 320px;
  float: left;
  overflow: hidden;
  line-height: 1;
}
/* line 160, ../sass/screen.scss */
#pGallery a img {
  width: 100%;
  min-height: 330px;
}

/* line 166, ../sass/screen.scss */
blockquote {
  font-size: 21px;
  font-style: italic;
}

/* line 170, ../sass/screen.scss */
#latestProjects {
  padding-bottom: 100px;
  z-index: 10;
  position: relative;
}
/* line 174, ../sass/screen.scss */
#latestProjects.homeProjects {
  margin-top: -100px;
}
/* line 177, ../sass/screen.scss */
#latestProjects .projectCard {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
  background: #000;
  height: 280px;
}
/* line 183, ../sass/screen.scss */
#latestProjects .projectCard img {
  width: 100%;
  min-height: 280px;
  opacity: .7;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}
/* line 192, ../sass/screen.scss */
#latestProjects .projectCard .pTitle {
  position: absolute;
  bottom: 20px;
  left: 20px;
  opacity: 1;
  transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -webkit-transition: opacity .5s ease-in-out;
}
/* line 200, ../sass/screen.scss */
#latestProjects .projectCard .pTitle p {
  color: #fff;
}
/* line 203, ../sass/screen.scss */
#latestProjects .projectCard .pTitle h3 {
  line-height: 1.2;
}
/* line 205, ../sass/screen.scss */
#latestProjects .projectCard .pTitle h3 a {
  color: #fff;
}
/* line 211, ../sass/screen.scss */
#latestProjects .projectCard:hover img {
  opacity: 1;
}
/* line 214, ../sass/screen.scss */
#latestProjects .projectCard:hover .pTitle {
  opacity: 0;
}
/* line 218, ../sass/screen.scss */
#latestProjects .projectCard.oneThird {
  height: 360px;
}
/* line 220, ../sass/screen.scss */
#latestProjects .projectCard.oneThird img {
  min-height: 360px;
}
/* line 225, ../sass/screen.scss */
#latestProjects .clients {
  padding-top: 50px;
}
/* line 227, ../sass/screen.scss */
#latestProjects .clients h4 {
  color: #fff;
}
/* line 230, ../sass/screen.scss */
#latestProjects .clients ul {
  overflow: hidden;
  text-align: center;
}
/* line 233, ../sass/screen.scss */
#latestProjects .clients ul li {
  margin: 30px;
  display: inline-block;
  vertical-align: middle;
}
/* line 239, ../sass/screen.scss */
#latestProjects .clients .owl-dots {
  display: none;
}
/* line 240, ../sass/screen.scss */
#latestProjects .clients .button {
  -webkit-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.15);
}
/* line 244, ../sass/screen.scss */
#latestProjects .clients .button:hover {
  -webkit-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.3);
}

/* line 253, ../sass/screen.scss */
#services .sBox {
  margin-bottom: 30px;
}

/* line 259, ../sass/screen.scss */
#about .numBoxes .numBox {
  width: 14.58333%;
  float: left;
  margin-left: 1.04167%;
  margin-right: 1.04167%;
  font-size: 18px;
  line-height: 1;
}
/* line 263, ../sass/screen.scss */
#about .numBoxes .numBox strong {
  display: block;
  font-size: 30px;
  color: #333;
}

/* line 271, ../sass/screen.scss */
.shapeFoot {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: -1;
}
/* line 276, ../sass/screen.scss */
.shapeFoot span {
  background-color: #3184C6;
  display: block;
  height: 350px;
  position: relative;
  width: 100%;
}
/* line 282, ../sass/screen.scss */
.shapeFoot span:before {
  border-bottom: 200px solid #3184C6;
  border-left: 50vw solid transparent;
  border-right: 50vw solid transparent;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  top: -200px;
  width: 0;
}

/* line 295, ../sass/screen.scss */
#contacts {
  position: relative;
  padding-bottom: 300px;
}
/* line 298, ../sass/screen.scss */
#contacts .container {
  z-index: 10;
  position: relative;
}
/* line 299, ../sass/screen.scss */
#contacts .offices {
  padding-top: 30px;
}
/* line 301, ../sass/screen.scss */
#contacts .offices address {
  font-size: 16px;
  margin-bottom: 30px;
}
/* line 304, ../sass/screen.scss */
#contacts .offices address a {
  display: inline-block;
  margin-top: 10px;
  font-size: 18px;
  font-weight: bold;
}
/* line 313, ../sass/screen.scss */
#contacts .mailform {
  padding: 30px;
  background: #fff;
  -webkit-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.2);
  z-index: 1000;
}
/* line 321, ../sass/screen.scss */
#contacts .mailform form input[type="text"], #contacts .mailform form input[type="email"], #contacts .mailform form input[type="number"], #contacts .mailform form textarea {
  display: block;
  width: 100%;
  color: #666;
  font-size: 16px;
  border: 0;
  border-bottom: 1px #ccc solid;
  padding: 10px 0;
  margin-bottom: 10px;
}
/* line 330, ../sass/screen.scss */
#contacts .mailform form input[type="text"]::placeholder, #contacts .mailform form input[type="email"]::placeholder, #contacts .mailform form input[type="number"]::placeholder, #contacts .mailform form textarea::placeholder {
  color: #999;
}
/* line 333, ../sass/screen.scss */
#contacts .mailform form input[type="text"]:hover, #contacts .mailform form input[type="text"]:focus, #contacts .mailform form input[type="email"]:hover, #contacts .mailform form input[type="email"]:focus, #contacts .mailform form input[type="number"]:hover, #contacts .mailform form input[type="number"]:focus, #contacts .mailform form textarea:hover, #contacts .mailform form textarea:focus {
  border-bottom-color: #3184C6;
}
/* line 336, ../sass/screen.scss */
#contacts .mailform form input[type="text"].wpcf7-not-valid, #contacts .mailform form input[type="email"].wpcf7-not-valid, #contacts .mailform form input[type="number"].wpcf7-not-valid, #contacts .mailform form textarea.wpcf7-not-valid {
  border-bottom-color: red;
}
/* line 340, ../sass/screen.scss */
#contacts .mailform form button {
  float: right;
}

/* line 347, ../sass/screen.scss */
figure#map {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin-top: -250px;
}
/* line 353, ../sass/screen.scss */
figure#map #gmap {
  display: block;
  width: 100%;
  height: 600px;
  -webkit-clip-path: polygon(0 40%, 100% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(0 40%, 100% 0%, 100% 100%, 0% 100%);
}

/* line 363, ../sass/screen.scss */
.arrowDown {
  height: 60px;
  width: 5px;
  border-left: 1px #333 solid;
  margin: 30px auto 60px auto;
  position: relative;
}
/* line 369, ../sass/screen.scss */
.arrowDown span {
  position: absolute;
  bottom: -5px;
  left: -5px;
  border-top: 5px solid #333;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}

/* line 379, ../sass/screen.scss */
#bottomTriangle {
  background-color: #3184C6;
  display: block;
  height: 500px;
  position: relative;
  width: 100%;
  z-index: -1;
}
/* line 387, ../sass/screen.scss */
#bottomTriangle:before {
  border-bottom: 250px solid #3184C6;
  border-left: 100vw solid transparent;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  top: -250px;
  width: 0;
}
/* line 397, ../sass/screen.scss */
#bottomTriangle img {
  width: 100%;
  height: 100%;
}

/* line 402, ../sass/screen.scss */
.button {
  display: inline-block;
  background: #999;
  text-align: center;
  padding: 5px 15px;
  line-height: 1;
  font-size: 13px;
  font-size: 1.3rem;
  color: #fff;
  margin: 0;
  text-transform: uppercase;
  font-weight: bold;
}
/* line 414, ../sass/screen.scss */
.button:hover {
  background: #666;
}
/* line 417, ../sass/screen.scss */
.button.primary {
  background-color: #3184C6;
}
/* line 423, ../sass/screen.scss */
.button.dark {
  background-color: #666;
}
/* line 429, ../sass/screen.scss */
.button.white {
  background-color: #fff;
  color: #3184C6;
  -webkit-transition: opacity 500ms ease-out 100ms;
  -moz-transition: opacity 500ms ease-out 100ms;
  -o-transition: opacity 500ms ease-out 100ms;
  transition: opacity 500ms ease-out 100ms;
}
/* line 440, ../sass/screen.scss */
.button.medium {
  padding: 7.5px 25px;
  font-size: 14px;
  font-size: 1.4rem;
}
/* line 445, ../sass/screen.scss */
.button.large {
  padding: 10px 30px;
  font-size: 16px;
  font-size: 1.6rem;
}
/* line 450, ../sass/screen.scss */
.button.block {
  display: block;
}

/* line 454, ../sass/screen.scss */
button.button, input[type="submit"] {
  border: 0;
}

/* line 455, ../sass/screen.scss */
.grid {
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
}

/* line 456, ../sass/screen.scss */
.oneThird {
  width: 31.25%;
  float: left;
  margin-left: 1.04167%;
  margin-right: 1.04167%;
}
/* line 458, ../sass/screen.scss */
.oneThird:nth-child(3n) {
  width: 31.25%;
  float: right;
  margin-left: 1.04167%;
  margin-right: 1.04167%;
}

/* line 462, ../sass/screen.scss */
.twoThirds {
  width: 64.58333%;
  float: left;
  margin-left: 1.04167%;
  margin-right: 1.04167%;
}

/* line 463, ../sass/screen.scss */
.oneFourth {
  width: 22.91667%;
  float: left;
  margin-left: 1.04167%;
  margin-right: 1.04167%;
}

/* line 464, ../sass/screen.scss */
.row {
  width: 97.91667%;
  float: left;
  margin-left: 1.04167%;
  margin-right: 1.04167%;
}

/* line 465, ../sass/screen.scss */
.oneFifth {
  width: 15%;
  float: left;
}
/* line 66, ../../../../../../Library/Ruby/Gems/2.0.0/gems/susy-2.2.12/sass/susy/language/susy/_gallery.scss */
.oneFifth:nth-child(5n + 1) {
  margin-left: 2.5%;
  margin-right: -100%;
  clear: both;
}
/* line 66, ../../../../../../Library/Ruby/Gems/2.0.0/gems/susy-2.2.12/sass/susy/language/susy/_gallery.scss */
.oneFifth:nth-child(5n + 2) {
  margin-left: 22.5%;
  margin-right: -100%;
  clear: none;
}
/* line 66, ../../../../../../Library/Ruby/Gems/2.0.0/gems/susy-2.2.12/sass/susy/language/susy/_gallery.scss */
.oneFifth:nth-child(5n + 3) {
  margin-left: 42.5%;
  margin-right: -100%;
  clear: none;
}
/* line 66, ../../../../../../Library/Ruby/Gems/2.0.0/gems/susy-2.2.12/sass/susy/language/susy/_gallery.scss */
.oneFifth:nth-child(5n + 4) {
  margin-left: 62.5%;
  margin-right: -100%;
  clear: none;
}
/* line 66, ../../../../../../Library/Ruby/Gems/2.0.0/gems/susy-2.2.12/sass/susy/language/susy/_gallery.scss */
.oneFifth:nth-child(5n + 5) {
  margin-left: 82.5%;
  margin-right: -100%;
  clear: none;
}

/* line 466, ../sass/screen.scss */
.half {
  width: 47.91667%;
  float: left;
  margin-left: 1.04167%;
  margin-right: 1.04167%;
}

/* line 468, ../sass/screen.scss */
.mb-10 {
  margin-bottom: 10px;
  margin-bottom: 1rem;
}

/* line 469, ../sass/screen.scss */
.mb-15 {
  margin-bottom: 10px;
  margin-bottom: 1rem;
}

/* line 470, ../sass/screen.scss */
.mb-30 {
  margin-bottom: 30px;
  margin-bottom: 3rem;
}

/* line 471, ../sass/screen.scss */
.mb-60 {
  margin-bottom: 60px;
  margin-bottom: 6rem;
}

/* line 472, ../sass/screen.scss */
.mb-120 {
  margin-bottom: 120px;
  margin-bottom: 12rem;
}

/* line 473, ../sass/screen.scss */
.pt {
  padding-top: 150px;
  padding-top: 15rem;
}

/* line 474, ../sass/screen.scss */
.mt-30 {
  margin-top: 30px;
  margin-top: 3rem;
}

/* line 475, ../sass/screen.scss */
.mt-50 {
  margin-top: 50px;
  margin-top: 5rem;
}

/* line 476, ../sass/screen.scss */
.mt-60 {
  margin-top: 60px;
  margin-top: 6rem;
}

/* line 477, ../sass/screen.scss */
.lightColor {
  color: #999 !important;
}

/* line 479, ../sass/screen.scss */
p.large {
  font-size: 1.5rem;
}
/* line 480, ../sass/screen.scss */
p.sub {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

/* line 482, ../sass/screen.scss */
.sub p {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

/* line 485, ../sass/screen.scss */
.dark {
  color: #333;
}

/* line 486, ../sass/screen.scss */
.nmb {
  margin-bottom: 0 !important;
}

/* line 487, ../sass/screen.scss */
.centerTxt {
  text-align: center;
}

/* line 488, ../sass/screen.scss */
.uc {
  text-transform: uppercase;
}

/* line 489, ../sass/screen.scss */
.clr {
  clear: both;
}

@media only screen and (max-width: 900px) {
  /* line 492, ../sass/screen.scss */
  .oneFourth {
    width: 31.25%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
  }
}
@media only screen and (max-width: 640px) {
  /* line 497, ../sass/screen.scss */
  .pt {
    padding-top: 100px;
    padding-top: 10rem;
  }

  /* line 498, ../sass/screen.scss */
  .half, .twoThirds, .oneThird, .oneThird:nth-child(3n) {
    width: 97.91667%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
  }

  /* line 499, ../sass/screen.scss */
  .oneFourth, .oneFifth {
    width: 47.91667%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
  }

  /* line 501, ../sass/screen.scss */
  header .oneThird {
    width: 39.58333%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
  }
  /* line 501, ../sass/screen.scss */
  header .oneThird:nth-child(2n) {
    width: 14.58333%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
  }
  /* line 501, ../sass/screen.scss */
  header .oneThird:nth-child(3n) {
    width: 39.58333%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
  }

  /* line 503, ../sass/screen.scss */
  #slider {
    height: 450px;
  }
  /* line 505, ../sass/screen.scss */
  #slider .slide {
    height: 400px;
  }
  /* line 507, ../sass/screen.scss */
  #slider .slide img {
    min-width: 100% !important;
    width: auto;
    height: 400px !important;
    min-height: inherit;
  }
  /* line 513, ../sass/screen.scss */
  #slider .slide .container {
    padding-top: 50px;
  }

  /* line 518, ../sass/screen.scss */
  #about .numBoxes .numBox {
    width: 31.25%;
    float: left;
    margin-left: 1.04167%;
    margin-right: 1.04167%;
    margin-bottom: 20px;
    font-size: 14px;
  }
  /* line 522, ../sass/screen.scss */
  #about .numBoxes .numBox strong {
    font-size: 24px;
  }

  /* line 529, ../sass/screen.scss */
  #pGallery a {
    width: calc( 100% / 3 );
    height: 300px;
  }
  /* line 532, ../sass/screen.scss */
  #pGallery a img {
    min-height: 300px;
  }
}
@media only screen and (max-width: 500px) {
  /* line 542, ../sass/screen.scss */
  header nav ul li {
    margin-right: 15px;
    font-size: 11.5px;
  }
  /* line 545, ../sass/screen.scss */
  header nav ul li:last-child {
    margin-right: 0;
  }

  /* line 575, ../sass/screen.scss */
  #latestProjects .projectCard {
    height: 180px;
  }
  /* line 577, ../sass/screen.scss */
  #latestProjects .projectCard .pTitle {
    line-height: 1.2;
    bottom: 10px;
    left: 10px;
    font-size: 12px;
    font-size: 1.2rem;
  }
  /* line 583, ../sass/screen.scss */
  #latestProjects .projectCard .pTitle h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }

  /* line 591, ../sass/screen.scss */
  #pGallery a {
    width: 50%;
    height: 300px;
  }
  /* line 594, ../sass/screen.scss */
  #pGallery a img {
    min-height: 300px;
  }

  /* line 600, ../sass/screen.scss */
  #contacts .mailform {
    padding: 20px;
  }
}
@media only screen and (max-width: 320px) {
  /* line 605, ../sass/screen.scss */
  #pGallery a {
    width: 50%;
    height: 250px;
  }
  /* line 608, ../sass/screen.scss */
  #pGallery a img {
    min-height: 250px;
  }
}