.bodycontainer {
  position: relative;
  display: inline-block;
  margin-top: 80px; /* size of header */
  margin-left: 20%; /* size of side-nav */
  padding-bottom: 200px;
  background-color: #ffffff;
  float: left;
  width: 80%;
}
.innercont {
  position: relative;
  display: inline-block;
  float: left;
  padding: 5vh 5vw;
  box-sizing: border-box;
  background-color: #ffffff;
}


.innercont .title {
  position: relative;
  display: inline-block;
  float: left;
  width: 100%;
  margin: 20px 0 20px;
}
.innercont .title h1 {
  font-size: 40px;
  font-family: 'Work Sans';
  font-weight: 100;
  color: #8ec640;
}
.innercont .title:after {
  content: '';
  position: absolute;
  bottom: -16px;
  width: 0px;
  height: 2px;
  background-color: #8ec640;
  animation: underline_animation 1s 0.5s 1 normal forwards;
  -o-animation: underline_animation 1s 0.5s 1 normal forwards;
  -moz-animation: underline_animation 1s 0.5s 1 normal forwards;
  -webkit-animation: underline_animation 1s 0.5s 1 normal forwards;
}
@keyframes underline_animation {
  0%    { width: 0px;   }
  100%  { width: 100px; }
}
@-webkit-keyframes underline_animation {
  0%    { width: 0px;   }
  100%  { width: 100px; }
}
@-moz-keyframes underline_animation {
  0%    { width: 0px;   }
  100%  { width: 100px; }
}
@-o-keyframes underline_animation {
  0%    { width: 0px;   }
  100%  { width: 100px; }
}
.innercont .body {
  position: relative;
  display: inline-block;
  float: left;
  width: 100%;
  text-align: center;
}
.innercont .body .mainimage {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 770px;
  margin-top: 40px;
}
.innercont .body a {
  position: relative;
  display: inline-block;
  font-size: 15px;
  font-family: sans-serif;
  font-weight: bold;
  color: #ffffff;
  margin: 0;
  line-height: 25px;
  width: 100%;
  max-width: 768px;
  float: none;
  background-color: #8ec640;
  padding: 15px 0;
  text-decoration: none;
  border: 1px solid #73a331;
  transition: background-color 0.5s ease;
}
.innercont .body a:hover {
  background-color: #cde7aa;
}
.innercont .body h2 {
  position: relative;
  font-size: 15px;
  font-family: sans-serif;
  font-weight: 100;
  color: #6b6b6b;
  margin: 7px 0;
  line-height: 25px;
  width: 100%;
  float: left;
}
.innercont .body h2 a {
  font-weight: 600;
  color: #8ec640;
  text-decoration: none;
}
.innercont .body h2 span {
  font-weight: bold;
  color: #83c640;
}

.email-modal {
  position: fixed;
  display: inline-block;
  top: -100px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 600px;
  padding: 10px 0 12px;
  box-sizing: border-box;
  z-index: 100;
  border-radius: 5px;
  animation: email_animation 5s 0.5s 1 normal forwards;
}
@keyframes email_animation {
  0%    { top: -100px;  }
  20%   { top: 30px;    }
  80%   { top: 30px;    }
  100%  { top: -100px;  }
}
.email-modal.email-successful { background-color: #8ec640; }
.email-modal.email-unsuccessful { background-color: #e04040; }
.email-modal h1 {
  position: relative;
  display: inline-block;
  width: 100%;
  color: #000000;
  font-family: sans-serif;
  font-weight: bolf;
  font-size: 12px;
  text-align: center;
}


.innercont .body .form {
  position: relative;
  display: inline-block;
  width: 100%;
  float: left;
  margin-top: 40px;
}
.innercont .body .form h1 {
  font-size: 11px;
  font-family: sans-serif;
  font-weight: 100;
  color: #6b6b6b;
  margin-top: 20px;
  margin-bottom: 10px;
  line-height: 25px;
}
.innercont .body .form h1 span {
  color: #ff0000;
}



.innercont .body .form form {
  position: relative;
  display: inline-block;
  float: left;
  width: 80%;
}
.innercont .body .form input,
.innercont .body .form select  {
  color: #8ec640;
  font-size: 13px;
  font-family: sans-serif;
  font-weight: 100;
  border: none;
  padding: 13px 5px;
  margin: 3px 0;
  background-color: #dfdfdf;
  border-radius: 2px;
  font-family: arial;
  box-sizing: border-box;
}
.innercont .body .form input:focus,
.innercont .body .form input:valid,
.innercont .body .form textarea:focus,
.innercont .body .form textarea:valid {
 box-shadow: none;
 outline: none;
 background-position: 0 0;
}
.innercont .body .form .incomment {
  position: relative;
  display: inline-block;
  border: none;
  margin: 3px 0;
  background-color: #dfdfdf;
  border-radius: 2px;
  font-size: 13px;
  font-family: sans-serif;
  font-weight: 100;
  color: #8ec640;
  padding: 10px;
  resize: none;
  height: 40px;
  width: 100%;
  box-sizing: border-box;
}
.innercont .body .form .inname    { width: 49%; float: left;  }
.innercont .body .form .incompany { width: 49%; float: right; }
.innercont .body .form .inemail   { width: 100%; float: left; }

.innercont .body .form .buttoncontainer {
  position: relative;
  display: inline-block;
  width: 100%;
}
.innercont .body .form .insubmit {
  font-size: 14px;
  float: left;
  padding: 15px 40px;
  font-family: 'Raleway';
  margin-top: 10px;
  border: 2px solid #8ec640;
  background-color: #8ec640;
  color: #ffffff;
  width: 100%;
  cursor: pointer;
  transition: all 0.2s ease;
  -webkit-appearance: none;
}
.innercont .body .form .insubmit:hover {
  background-color: #ffffff;
  color: #8ec640;
}



/* ----------------------------------------------------*/
/* Code That Doesnt Change Between Mobile Resolution */
/* ----------------------------------------------------*/
@media only screen and (min-width : 0px) and (max-width : 992px) {
  .innercont { margin: 0; width: 100%; }
  .innercont .title h2 { text-align: center; }
  .innercont .body .form h1 { text-align: center; }
  .innercont .body .form form { width: 100%; }
}


/* ----------------------------------------------------*/
/* Custom, iPhone Retina */
/* ----------------------------------------------------*/
@media only screen and (max-width : 320px) {
  .innercont .body .form .inname      { width: 100%; float: left; }
  .innercont .body .form .incompany   { width: 100%; float: left; }
}


/* ----------------------------------------------------*/
/* Extra Small Devices, Phones */
/* ----------------------------------------------------*/
@media only screen and (min-width : 320px) and (max-width : 480px) {
  .innercont .body .form .inname      { width: 100%; float: left; }
  .innercont .body .form .incompany   { width: 100%; float: left; }
}


/* ----------------------------------------------------*/
/* Small Devices, Tablets */
/* ----------------------------------------------------*/
@media only screen and (min-width : 480px) and (max-width : 768px) {

}


/* ----------------------------------------------------*/
/* Medium Devices, Desktops */
/* ----------------------------------------------------*/
@media only screen and (min-width : 768px) and (max-width : 992px) {

}


/* ----------------------------------------------------*/
/* Large Devices, Wide Screens */
/* ----------------------------------------------------*/
@media only screen and (min-width : 992px) and (max-width : 1200px) {

}