body {
    font-family: 'Lato', sans-serif;
     background: #2C2C2C;
}
header {
     background: #fff;
}
nav a {color:#707070;    padding:0px 10px 30px;font-size: 15px;}
nav a:hover {border-bottom: 11px solid #910A29; text-decoration:none;color:#707070;}

@media (min-width: 768px) {
    nav a {color:#707070;    padding:0px 25px 30px;font-size: 20px;}
}
.jumbotron {
  background-image: url("/AdobeStock_101916297_Preview.jpg"); /* The image used */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
min-height: 550px;
position:relative;
}
.jumbotron p {color:#fff; font-weight:700; font-size: 32px;line-height: 44px;}
.about-jumbotron {
  background-image: url("/AdobeStock_101892126_Preview.jpg"); /* The image used */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
height: calc(100vh - 104px);

}
.about-jumbotron .padd100 {color:#fff; font-weight:700; font-size: 22px;line-height: 32px; padding:80px 1.5rem}
main{    background: #2C2C2C; color:#fff}
main h2 {font-weight:700; font-size: 24px; margin-bottom:25px;     margin-top: 30px;}
.contact-right {
  background-image: url("/AdobeStock_157631844_Preview.jpg"); /* The image used */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
min-height: 450px;

}
.contact-left {padding:80px}
    input, textarea {
    width: 100%;
    padding: 5px;
    border-radius: 3px;
    border-style: hidden;
    margin-bottom: 12px;
    }
    label {
    margin-bottom: .2rem;
        font-weight: 600;
}

.jumbotron .container {
  position: absolute;
  top: 50%;
  right: 50px;

  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.banner-overlay {
    position:absolute;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.1);
    top:0;
    left:0;
}

  .nopadding {
      padding:0;
  }
  
  .nopadding iframe {
      float:left;
  }
  
  .contact-left {
    padding: 50px 20px 40px;
}

.contact-submit {
    background-color:#860C24;
    color:#fff;
    text-transform:uppercase;
    cursor:pointer;
    padding:8px 0;
}

@media screen and (max-width:1199px) {
    .contact-left {
        padding:30px 20px 20px;
    }
}

@media screen and (max-width:991px) {
      .jumbotron p {
      font-size: 26px;
      line-height: inherit;
  }
  
  .banner-overlay {
    background-color:rgba(0,0,0,0.1);
}

}


@media screen and (max-width:767px) {
    
      .banner-overlay {
    background-color:rgba(0,0,0,0.3);
}
  .jumbotron {
    max-height: inherit;
    height:calc(100vh - 144px);
  }
  
.jumbotron .container {
  position: relative;
  top: 20%;
  right: inherit;

  -webkit-transform: inherit;
  -moz-transform: inherit;
  -ms-transform: inherit;
  -o-transform: inherit;
  transform:inherit;
}
      .jumbotron p {
      font-size: 24px;
  }
  
  .headerdiv {
      padding-bottom:5px!important;
  }
  
  .headerdiv img {
      width:100%;
      height:auto;
      max-width:150px;
  }
  
  nav a {
      padding: 0px 10px 16px;
      font-size:14px;
  }
  main h2 {
      margin-top:0;
      margin-bottom:15px;
      font-size:20px;
  }
  
  .about-jumbotron .padd100 {
      font-size:18px;
      line-height:inherit;
      padding:30px 15px;
  }
    .about-jumbotron p {
      font-size:18px;
      line-height:inherit;
  }
  
  .aboutimage {
      height:100vh;
 
  }
  .contact-right {
      height:50vh;
      min-height:inherit;
  }
  .contact-left {
      padding:30px 15px;
  }
  
  .contactrow {
      margin-left:0;
      margin-right:0;
  }

  }
}