/* @import url('http://example.com/example_style.css'); */

/* header */

.nav-logo-horizontal {
  display: block;
  margin: 0 auto;
  width: 60%;
  max-width: 450px;
  padding: 1rem;
}

.nav-logo-horizontal-left {
  display: block;
  margin: 0 auto;
  width: 60%;
  max-width: 350px;
  padding: 1rem;
}

.simple-footer {
  background: #000;
}

.svg-lines {
  position: absolute;
}

.constrained, .inner {
  max-width: 1200px;
  align-items: flex-start;
  display: flex;
  flex-flow: row wrap;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem;
}

.constrained .unit.size1of1 {
  padding-right: 0;
}

h1 {
  text-transform: none;
  font-size: 2.25rem;
  line-height: 1.1;
}

h2 {
  text-transform: none;
  font-size: 2rem;
  line-height: 1.1;
}


.landing-hero, .follows__divider .constrained {
  position: relative;
  z-index: 100;
}

.follows__divider {
  padding-bottom:0;
}


.landing-hero { 
  margin-bottom: -5%;
  z-index: 102;
}

.standsalone__divider{
  z-index: 100;
}

.follows__divider .constrained {
  margin-top: -9%;
  position: relative;
  z-index: 105;
}

.dark_bg .btn-style-2:link, .dark_bg .btn-style-2:visited {
  background: #f16345;
  color: #eeeae6;
}

.dark_bg .btn-style-2:hover, .dark_bg .btn-style-2:active {
  color: #f16345;
  background: #eeeae6;
}

/* Debugging form from changing all colors on hover, written by Cody May 2021 */
.gray_2 .primary {
  background: #f16345;
  color: #eeeae6;
}
.gray_2 .primary h2 {
  color: #eeeae6;
}
.gray_2 .primary input:not([type="button"]):not([type="checkbox"]):not([type="radio"]):not([type="submit"]), .gray_2 .primary textarea {
  border-color: #000;
  color: #eeeae6;
}
.gray_2 section.primary label[for] {
    color: #000;
}

/* Commented out to debug entire form changing colors on hover, written by Cody May 2021
.gray_2 .primary:link, .gray_2 .btn-primary:visited, input[type="submit"].primary {
  background: #f16345;
  color: #eeeae6;
}

.gray_2 .primary:hover, .gray_2 .btn-primary:active, input[type="submit"].primary:hover {
  color: #eeeae6;
  background: #29292b;
}
*/


.embed-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  /*padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */ */
  box-shadow: 0px 2px 8px rgba(0,0,0,.2);
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.side-cta {
  display: flex;
  flex-wrap: wrap;
}



 @media screen and (min-width:768px) {
  .nav-logo-horizontal {
    max-width: 450px;
  }
 .nav-logo-horizontal-left {
    /*margin: 0;*/
    max-width: 350px;
  }
   
 h1 {
    font-size: 2.75rem;
  }

  h2 {
   font-size: 2.25rem;
   }
  
   .landing-hero { 
  margin-bottom: -8%;
  z-index: 102;
  }
   
}