@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,800,300);
@import url(https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css);
@import url(https://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css);

/*
@grapefruit: #ed5565;
@grapefruit-darker: #da4453;
@bittersweet: #fc6e51;
@bittersweet-darker: #e9573f;
@sunflower: #ffce54;
@sunflower-darker: #f6bb42;
@grass: #a0d468;
@grass-darker: #8cc152;
@mint: #48cfad;
@mint-darker: #37bc9d;
@aqua: #4fc1e9;
@aqua-darker: #3bafda;
@bluejeans: #5d9cec;
@bluejeans-darker: #4a89dc;
@lavendar: #ac92ec;
@lavendar-darker: #967adc;
@pinkrose: #ec87c0;
@pinkrose-darker: #d770ad;
@lightgray: #f5f7fa;
@lightgray-darker: #e6e9ed;
@mediumgray: #ccd1d9;
@mediumgray-darker: #aab2bd;
@darkgray: #656d78;
@darkgray-darker: #434a54;
@white: #fff;
@black: #000;

@text-color: rgba(0,0,0,0.8);
*/

body, html {
  font-family: 'Open Sans', sans-serif;
  color: white;
}
 
.testimonial {
  padding-top: 20px;
  padding-bottom: 20px;
  text-align:center;
  font-weight: 700;
  color: #7b7b7b;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.testimonial  .emphasized {
  color: #2f2f2f;    
}

section {
  color: white;
  padding-top: 20px;
  padding-bottom: 20px;
}

section h3 {
  font-weight: 700;
  text-align: center;
  padding-bottom: 20px;
}

section h3 i {
  text-align: center;
  float: none;
  margin: 0 auto .2em;
  display: block !important;
  vertical-align: middle;      
  border-radius: 500em!important;
  padding: .5em .35em!important;
  -webkit-box-shadow: 0 0 0 .1em rgba(0,0,0,.1) inset;
  box-shadow: 0 0 0 .1em rgba(0,0,0,.1) inset;
  line-height: 1!important;
  width: 2em!important;
}

section h3 i .fa {
  display:block;
}

.divider i {
  text-align: center;
  float: none;
  margin: 0 auto .2em;
  display: block !important;
  vertical-align: middle;      
  border-radius: 500em!important;
  padding: .5em .35em!important;
  -webkit-box-shadow: 0 0 0 .1em rgba(0,0,0,.1) inset;
  box-shadow: 0 0 0 .1em rgba(0,0,0,.1) inset;
  line-height: 1!important;
  width: 2em!important;
}

.divider i .fa {
  display:block;
}

.divider {
  margin-top:10px;
  margin-bottom: 10px;
}

.divider:before {
  left: 0;
  margin-left: -1.5rem;
}

.divider:after {
  left: auto;
  right: 0;
  margin-right: -1.5rem;
}

.divider:before, .divider:after {
  position: absolute;
  content: " ";
  z-index: 3;
  width: 50%;
  top: 50%;
  height: 0;
  border-top: 1px solid rgba(0,0,0,.1);
  border-bottom: 1px solid rgba(255,255,255,.8);
}

section.hero {
  margin-top: -10px;
  text-align: center;
  min-height: 400px;
  width: 100%;
  padding-top: 60px;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background: url(header-bg.jpg) center center no-repeat;
  padding-top: 60px;
}

section.hero h1 {
  text-transform: uppercase;
  margin-bottom: 30px;
  color: white;
}
  
section.hero p {
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 40px;
}
  
section.hero button {
  margin-bottom: 35px;
}

section.services {
  background-color: #4fc1e9;
  text-align: center;
}

section.services h3 {
  height: 120px;
}

section.about {
  background-color: #fc6e51;
}

section.about h3 {
  text-align: left;
}

section.about h3 .sub.header {
  font-size: 0.6em;
  font-weight: 300;
}

section.clients {
  background-color: #48cfad;
}

section.clients blockquote {
  border: none;
}

section.clients blockquote small:before {
  content: '\2014 \00A0';
}

section.clients blockquote small {
  color: white;
}

section.contact {
  background-color: #ed5565;
}

section.contact i {
  text-align: center;
  float: none;
  margin: 0 auto .2em;
  vertical-align: middle;      
  border-radius: 500em!important;
  padding: .5em .35em!important;
  -webkit-box-shadow: 0 0 0 .1em rgba(0,0,0,.1) inset;
  box-shadow: 0 0 0 .1em rgba(0,0,0,.1) inset;
  line-height: 1!important;
  width: 2em!important;
}

section.contact i .fa {
  display:block;
}

section.contact a {
  color: white;
}