/* GENERAL STYLES */
html, body {
  height: 100%; 
  margin: 0;
  padding: 0;
  text-rendering: optimizelegibility;
  font-family: 'Lato', Arial, sans-serif;
  font-weight: 400;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Playfair Display', georgia, serif;
  font-weight: 400;
}
a {color: #2464a1;}

p, li {
  font-family: 'Lato', Arial, sans-serif;
  font-size: 110%;
  line-height: 1.5;
}
strong {font-weight: 900;}

#main-wrap {
  min-height: 100%;
}
#main {
  overflow:auto;
}
legend {
  font-weight: 700;
  font-size: 80%;
  text-transform: uppercase;
  margin-bottom: .6rem;
}
address {
  margin-bottom: 1rem;
}
textarea {
  height: 6rem;
}
input[type="checkbox"]+label, input[type="radio"]+label {
  margin-left: .15rem;
  margin-right: 1.25rem;
}
.radio-group, .checkbox-group {
  display: inline-block;
  width: 100%;
  padding: .5rem 0;
}
.button {
  background-color: #2464a1;
  text-transform: uppercase;
  font-weight: 900;
  color: #fff;
}
.button.success {background-color: #e71e2d; color: #fff;}

.button.success:hover, .button.success:focus {background-color: #cb0614; color: #fff;}

.button.empty {
  color: #2464a1;
  background-color: transparent;
  border-color: #2464a1;
  border-width: 2px;
}
.button.empty:hover, .button.empty:focus {
  color: #fff;
  background-color: #2464a1;
}

/* MAIN-HEADER */
#header {
  padding: 1rem 0;
  background-color: #fff;
  box-shadow: 0 4px 20px rgba(0,0,0,.2);
  z-index: 9;
  position: relative;
}
#header > .row {max-width: 100%;}

.brand {display: inline-block; width: auto; margin: 0;}

.brand img {max-height: 60px;}

#header .menu {padding-top: .5em;}

#header .button.empty {
  border-color: #e71e2d;
  color: #e71e2d;
}
#header .button.empty:hover, #header .button.empty:focus {
  border-color: #e71e2d;
  background-color: #e71e2d;
  color: #fff;
}

/* CONTENT */
.page-title, .page-content, section, .section-title, .section-content {
  display: block;
  width: 100%;
  position: relative;
}
.page-title.with-img {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  color: #fff;
  padding: 6rem 0 7rem;
}
.page-title h1 {
  line-height: 1.1;
  margin-bottom: 1em;
  font-weight: 700;
  color: #2464a1;
}
section {padding: 4em 0;}

.section-title {margin-bottom: 1em;}

.section-title h3 {
  font-family: 'Lato', Arial, sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 150%;
}

/* Welcome */
.welcome {
  background-color: #F0F3F5;
}
.welcome h2 {
  line-height: 1.2;
  margin: 0 0 1.5rem;
}
/* Blocks */
.we-offer {padding-bottom: 1em;}

.block {margin-top: 1em;}

.block a {color: #000;}

.block h4 {
  text-align: center;
}
.block img {
  text-align: center;
  display: block;
  width: 60%;
  margin-bottom: 1em;
  margin-left: auto;
  margin-right: auto;
}
.block p {
  margin: 0;
  font-size: 90%;
}
/* About */
.about {background-color: #F0F3F5;}

.about .section-title {padding-bottom: 2em;}

.agent {margin-bottom: 2em;}

.agent img {margin-bottom: 1em;}

img.circle {
  -moz-border-radius: 200px;
  -webkit-border-radius: 200px;
  border-radius: 200px;
}
.agent p {font-size: 90%;}

/*** What-look **/
.what-look {
  background-size: cover;
  background-position: center;
}
.what-look h3 {color: #2464a1;}

/* CTA Form */
.cta {
  background-color: #2464a1;
  color: #fff;
  padding: 5em 0;
}
.cta .section-title {padding-bottom: 1em;}

.cta h3 {font-size: 200%;}

.cta label {color: #fff;}

.cta hr {
  margin: 2em 0;
  border-bottom-color: #0b447a;
}
.cta .button {
  border: 2px solid #fff;
  margin: 1em 0 0;
}
.cta .button:hover, .cta .button:focus {
  border: 2px solid #0b447a;
  background-color: #0b447a;
}

/*** Footer *****/
#footer {
  background-color: #2464a1;
  color: #fff;
  padding: 3em 0;
  font-size: 90%;
}
#footer a {color: #fff; text-decoration: underline;}

#footer abbr {color: #fff;}


/*******************************
          Responsive
*******************************/ 
/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 40em) {
  #header {
    text-align: center;
  }
  #header .menu.align-right>li {
    float: none;
    display: inline-block;
  }
  .page-title.with-img {
    padding-bottom: 4em;
    padding-top: 5em;
  }
  .page-title h1 {
    font-size: 2.3rem;
    margin-bottom: .75em;
  }
  .welcome h2 {
    font-size: 1.67rem;
  }
  .what-look {
    padding: 2em 0;
  }
  .agent img {
    width: 70%;
    margin-left: 15%;
  }
} 
/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) {
  
} 
/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  
} 
/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) {
  
}