/*
 * Custom
 */
body, html {
  color:#6D6E71;
}
.header {
  background: url('images/sliding-doors.jpg') top center no-repeat;
  height:450px;
}

.header .box {
  height:290px;
  width:340px;
  padding:20px;
  background-color:rgba(0,0,0,0.3);
  border:1px solid #8E8585;
}

.navbar {
  height:50px;
}
.navbar-default .navbar-text {
  font-size: 20px;
}

.navbar-default {
    border-color: #c51219;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  padding-right: 0px;
  padding-left: 0px;
}

.top-30 {
  margin-top:30%;
}
/*
 * General
 */
h1, h2 {
  text-transform: uppercase;
  display:inline-block;
  border-bottom:1px solid #ED1C24;
}

ul {
	margin:20px 0;
}
.text-white {
  color:#FFF !important;
}

.text-red {
  color: #ED1C24;
} 

.text-large {
  font-size: 50px;
}

.background-gray {
  background-color: #F4F4F4;
} 

.background-dark-gray {
  background-color: #6D6E71;
}

.background-red {
  background-color: #ED1C24;
} 

.background-transparent {
  background-color: transparent;
} 

.center-vertical {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.margin-top {
  margin-top:50px;
}

.margin-right {
  margin-top:30px;
}

.margin-top-15 {
  margin-top:15px;
}

.margin-bottom {
  margin-bottom:50px;
}

.margin-bottom-none {
  margin-bottom:0px !important;
}

.border-none {
  border:none;
}

.border {
  border:10px solid #F4F4F4;
}

.border-bottom-none {
  border-bottom:none;
}

.padding-10 {
  padding:10px;
}

.padding-20 {
  padding:20px;
}

.padding-bottom {
  padding:10px;
}

.padding-box {
  padding:150px 15px;
}

.row.padding {
  padding:30px 50px;
}

.inline {
  display: inline-block;
}

.full-height {
  height:100%;
}

.quote-section {
  overflow: hidden;
  height: 465px;
  font-size: 35px;
}

.full-div-height {
  margin-bottom: -99999px;
  padding-bottom: 99999px;
}

.align-vertical-50 {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

@media only screen 
  and (max-device-width: 1022px) {
  
  .top-30 {
    margin-top:10%;
  }
  
  h1, .h1, h2, .h2, h3, .h3 {
  margin-top: 5px;
  margin-bottom: 5px;
  }
  
  h2, .h2 {
  font-size: 20px;
  }
  
  .quote-section {
  font-size: 25px;
}

}

@media only screen 
  and (max-device-width: 569px) {
  
  .top-30 {
    margin-top:-25px;
  }
  
  .top-30 img {
    width:20%;
  }
  
  h1, .h1, h2, .h2, h3, .h3 {
  margin-top: 5px;
  margin-bottom: 5px;
  }
  
  h2, .h2 {
  font-size: 20px;
  }
  
  .quote-section {
  font-size: 25px;
  height: 200px;
  margin-top:30px;
  }
  
  .padding-box {
    padding: 10px 15px;
  }

}
