/* 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" /> */
/* REFERENCE - RESPONSIVE BREAK POINTS */
/* line 28, ../sass/screen.sass */
.homepage-header ul {
  float: right;
}
/* line 30, ../sass/screen.sass */
.homepage-header ul li {
  display: inline-block;
  padding-right: 55px;
}
/* line 34, ../sass/screen.sass */
.homepage-header ul li a:hover {
  background: none;
  color: #ddd;
}

/* line 39, ../sass/screen.sass */
.special-project-img {
  padding-bottom: 15px;
}

/* line 43, ../sass/screen.sass */
.space-above {
  padding-top: 15px;
}

/* line 47, ../sass/screen.sass */
.svg-padding {
  padding-bottom: 0 !important;
}

/* line 51, ../sass/screen.sass */
ul#nav {
  padding-left: 29px;
}
@media only screen and (max-width: 1024px) {
  /* line 51, ../sass/screen.sass */
  ul#nav {
    padding-left: 26px;
  }
}

@media only screen and (max-width: 768px) {
  /* line 56, ../sass/screen.sass */
  .about-us-pg figcaption {
    height: 40% !important;
  }
}

/* line 60, ../sass/screen.sass */
.about-us-pg .full-width-photo-caption {
  font-size: 11px;
  margin-top: -20px;
}

/* line 64, ../sass/screen.sass */
.about-us-pg .modal-photo-caption {
  font-size: 11px;
  padding-left: 10px;
  width: 100%;
}

/* line 69, ../sass/screen.sass */
.about-us-pg .modal-photo {
  width: 35%;
}

@media only screen and (min-width: 992px) and (max-width: 1067px) {
  /* line 72, ../sass/screen.sass */
  .blueButton {
    font-size: 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 797px) {
  /* line 72, ../sass/screen.sass */
  .blueButton {
    font-size: 12px;
  }
}