@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700&subset=latin,latin-ext);

/* Sticky footer styles
-------------------------------------------------- */
html,
body {
  height: 100%;
  font-family: 'Roboto Condensed', serif;
  color: #fcffea;
  background-color: #245b88;
  background: url('../img/bg.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
   background-size: cover;
   font-size: 20px;
   font-weight: 300;
  /* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
.wrap {
  min-height: 100%;
  height: auto;
  /* Negative indent footer by its height */
  margin: 0 auto -406px;
  /* Pad bottom by footer height */
  padding: 0 0 406px;
}

/* Set the fixed height of the footer here */
.footer {
  height: 406px;
}

/*custom styles
-------------------------------------------------- */
.logo {
    margin: 0 0 80px 0;
}

img.logo {
  width: 100%;
}
    
p.lead{
  margin: 20px 0;
  text-shadow: 0 0px 1px #443127, 0 0px 2px #443127, 0 0px 5px #443127;
  font-weight: 300;
  font-size: 25px;
}

.contact {
  border-top: solid 1px #877d6f;
  padding-top: 30px;
  padding-bottom: 30px;
}

p a {
  color: #fcffea;
  text-decoration: underline;
}

p a:hover{
  color: #a6cfe2;
}

/*media queries*/
@media (min-width: 993px) and (max-width: 1200px){
  .wrap {
    margin: 0 auto -421px;
    padding: 0 0 421px;
  }
  .footer {
    height: 421px;
  }
}
@media (min-width: 768px) and (max-width: 992px){
  .wrap {
    margin: 0 auto -416px;
    padding: 0 0 416px;
  }
  .footer {
    height: 416px;
  }
}
@media (max-width: 767px){
  .wrap {
    margin: 0 auto -447px;
    padding: 0 0 447px;
  }
  .footer {
    height: 447px;
  }
}