@font-face {
  font-family: 'Letter Gothic Std';
  src: url('fonts/LetterGothicStd-Bold.eot'); /* IE9 Compat Modes */
  src: url('fonts/LetterGothicStd-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/LetterGothicStd-Bold.woff') format('woff'), /* Modern Browsers */
       url('fonts/LetterGothicStd-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/LetterGothicStd-Bold.svg#c37d6f66ccdbe8d2586bda474d215ceb') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  700;
}

@font-face {
  font-family: 'Proxima Nova Rg';
  src: url('fonts/ProximaNova-Bold.eot'); /* IE9 Compat Modes */
  src: url('fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/ProximaNova-Bold.woff') format('woff'), /* Modern Browsers */
       url('fonts/ProximaNova-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/ProximaNova-Bold.svg#d1e00a8fb1fd9b428ab6b90409479fde') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  700;
}


h1 ,
h2 {
  font-family: 'Proxima Nova Rg';
  font-weight: 700;

  letter-spacing: 1px;
  text-transform: uppercase;

  color: #001f5b;
}

h1 {
  font-size: 30px;
  line-height: 36px;

  padding: 0 0 20px 0;
}

h2 {
  font-size: 20px;
}

hr {
  width: 30%;
}

p ,
ul ,
footer {
  font-family: 'Letter Gothic Std';
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;

  color: black;
}

a {
  color: #001f5b;
}

a:hover ,
a:focus {
  color: #001f5b;
}



header {
  position: fixed;
  z-index: 999;

  display: block;

  width: 100%;
  height: 180px;

  background: white;
}

img.logo {
  padding: 20px 0 0 0;
}

nav {
  text-align: right;
}

nav ul {
  font-size: 16px;

  margin: 0;
  padding-top: 95px;

  list-style: none;

  letter-spacing: 1px;
  text-transform: uppercase;
}

nav li {
  display: inline-block;
}

nav li a {
  display: block;

  padding: 10px 15px 5px 15px;

  transition: all 250ms;

  border: 2px solid #fff;
}

nav li a:hover ,
nav li a:focus ,
nav li a.active {
  transition: all 250ms;

  border: 2px solid #001f5b;
}


main {
  padding: 180px 0 0 0;
}


hero {
  display: block;

  width: 100%;
  height: 500px;

  background-position: left center;
  background-size: cover;
}

#about hero {
  background-image: url('img/hero1.jpg');
}

#services hero {
  background-image: url('img/hero2a.jpg');
}

#contact hero {
  background-image: url('img/hero3.jpg');
}

.feature {
  background: #eee;
}


.row {
  padding: 100px 0;
}

header .row {
  padding: 0;
}


#contact a {
  font-family: 'Letter Gothic Std';
  font-size: 26px;
  line-height: 60px;

  display: block;

  padding-left: 50px;
}

.phone a {
  background: url(img/phone.svg) center left no-repeat;
}

.email a {
  background: url(img/email.svg) center left no-repeat;
}



footer {
  font-size: 14px;
  line-height: 90px;

  display: block;

  width: 100%;

  color: white;
  background: #666;
}

footer a {
  color: white;
}

footer a[href='#top'] {
  display: block;

  text-align: center;
}

footer a[href='#top'] img {
  margin-top: -22px;

  transition: 250ms;
}

footer a[href='#top'] img:hover {
  margin-top: -30px;

  transition: 250ms;
}







/*********************
MEDIA QUERIES
*********************/


/******************************************************************
Stylesheet: Small Stylesheet
******************************************************************/
@media only screen and (max-width: 40.063em) {
  footer {
    line-height: 30px;

    padding: 30px 0;
  }

  header {
    height: 150px;
  }

  img.logo {
    height: 140px;
    margin: 0 auto;
  }

  nav {
    position: relative;
    top: -40px;

    text-align: left;
  }

  nav ul {
    font-size: 14px;
    padding-top: 0;
  }

  nav li a {
    padding: 5px 5px 0 5px;
  }

  hero {
    width: 100%;
    height: 300px;
  }



}


/******************************************************************
Stylesheet: Medium Stylesheet
******************************************************************/
@media only screen and (min-width: 40.063em) {
}


/******************************************************************
Stylesheet: Large Stylesheet
******************************************************************/
@media only screen and (min-width: 64.063em) {
}


@media print {
  /******************************************************************
Stylesheet: Print Stylesheet
******************************************************************/
  * {
    color: black !important;
    background: transparent !important;
    text-shadow: none !important;

    -webkit-filter: none !important;
        -ms-filter: none !important;
            filter: none !important;
  } a ,
  a:visited {
    text-decoration: underline;

    color: #444 !important;
  } a:after ,
  a:visited:after {
    content: ' (' attr(href) ')';
  } a abbr[title]:after ,
  a:visited abbr[title]:after {
    content: ' (' attr(title) ')';
  } .ir a:after ,
  a[href^='javascript:']:after ,
  a[href^='#']:after {
    content: '';
  } pre ,
  blockquote {
    border: 1px solid #999;

    page-break-inside: avoid;
  } thead {
    display: table-header-group;
  } tr ,
  img {
    page-break-inside: avoid;
  } img {
    max-width: 100% !important;
  } @page {
    margin: 0.5cm;
  } p ,
  h2 ,
  h3 {
    orphans: 3;
    widows: 3;
  } h2 ,
  h3 {
    page-break-after: avoid;
  } .sidebar ,
  .page-navigation ,
  .wp-prev-next ,
  .respond-form ,
  nav {
    display: none;
  }
}