/* 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" /> */
/*Global styles for all pages*/
/* line 10, ../sass/screen.scss */
body {
  font-family: "Trebuceth MS", Helvetica, sans-serif;
  color: #134363;
  /*background-color: #e2ebeb;*/
}

/* line 16, ../sass/screen.scss */
.wrapper {
  width: 90%;
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
}

/*Utility Classes*/
/* line 24, ../sass/screen.scss */
.text-center {
  text-align: center;
}

.bottom-border {
  border-bottom: 1px solid #134363;
  padding-bottom: 10px;
}

/* line 28, ../sass/screen.scss */
.italic {
  font-style: italic;
}

/*Header*/
/* line 34, ../sass/screen.scss */
header {
  border-bottom: 3px double #134363;
}
/* line 35, ../sass/screen.scss */
header h1 {
  margin: 0;
  padding: 0;
  font-size: 1.25em;
  font-family: "Cooper Black", Helvetica, sans-serif;
}
/* line 40, ../sass/screen.scss */
header p {
  margin: 0;
  padding: 0;
}

/*Navigation*/
/* line 47, ../sass/screen.scss */
nav {
  margin-bottom: 1%;
  /*change this value @media*/
  border-bottom: 3px double #134363;
  padding-bottom: 1.5%;
}
/* line 50, ../sass/screen.scss */
nav ul {
  list-style-type: none;
  padding: 0px 0px 3px;
}
/* line 52, ../sass/screen.scss */
nav ul li {
  float: left;
  display: inline-block;
  text-align: center;
  width: 20%;
  min-width: 70px;
  margin-bottom: 5px;
  height: auto;
}
/* line 59, ../sass/screen.scss */
nav a {
  text-decoration: none;
  color: #134363;
}

/* line 66, ../sass/screen.scss */
.active-page {
  font-weight: bold;
}

/*Main Content*/
/* line 69, ../sass/screen.scss */
.main-content {
  width: 95%;
  margin-right: auto;
  margin-left: auto;
}

/*Footer*/
/* line 76, ../sass/screen.scss */
footer {
  clear: both;
  text-align: center;
  border-top: 3px double #134363;
}

/*Page specific styles begin here*/
/*Home*/
/* line 85, ../sass/screen.scss */
.index-img {
  float: left;
  border-radius: 30px;
  width: 40%;
}

/* line 92, ../sass/screen.scss */
.img-grid {
  padding: 0px;
}
/* line 95, ../sass/screen.scss */
.img-grid a {
  text-decoration: none;
  color: #134363;
}

/* line 100, ../sass/screen.scss */
#zephyr {
  border-bottom: 1px solid #134363;
  clear: both;
}

#jonesville {
  border-bottom: 3px double #134363;
  clear: both;
}

/* line 104, ../sass/screen.scss */
.testimonial {
  float: left;
  border-radius: 30px;
  width: 40%;
  height: 250px;
  border: 2px outset #134363;
  background-color: #eee;
  text-align: center;
}

/*Application*/
/* line 115, ../sass/screen.scss */
.divider {
  border: 1px dashed #134363;
}

/* line 119, ../sass/screen.scss */
#submit {
  height: 50px;
  background-color: #134363;
  color: white;
}

/* Special Styles for Size Differences */
@media (max-width: 1000px) {
  /* line 128, ../sass/screen.scss */
  .index-img, .testimonial {
    width: 90%;
    margin-right: 0px;
  }
}