.hero {
  display:grid;
  grid-template-columns:6% 7.5% 45% 9% 19% 7.5% 6%;
  grid-template-rows:61px 53px auto 28px auto auto auto auto auto;
  margin:0 auto;
  max-width:1280px;
  overflow:hidden
}
@media(min-width:1281px) {
  .hero {
    overflow:visible
  }
}
h2 {
  text-align:center
}
.hero-titles {
  grid-column:3/4;
  grid-row:2/4
}
.hero-titles h3{
 color: #E66028;
font-family: "Gill Sans";
font-size: 20px;
font-weight: 600;
}
.hero-titles h1 {
  margin:0
}
.bgd-ellipse {
  grid-column:5/9;
  grid-row:3/9
}
.bgd-ellipse img {
  max-width:518px;
  width:518px
}
.ebook-img {
  grid-column:4/7;
  grid-row:1/7
}
.lil-dots {
  grid-column:6/6;
  grid-row:1/3;
  padding-left:12px;
  padding-top:58px
}
.hero-copy {
  color:#797979;
  font-size:22px;
  font-weight:400;
  grid-column:3/4;
  grid-row:5/6;
  line-height:1.6em
}
.lt-blue-section {
  background-color:rgba(0,113,175,.1);
  border-radius:8px;
  grid-column:2/7;
  grid-row:8/10
}
.form-section {
  align-items:center;
  background:#12274a;
  border-radius:8px;
  box-sizing:border-box;
  column-gap:51px;
  display:flex;
  grid-column:3/6;
  grid-row:7/9;
  padding:37px 41px;
  margin-top: 20px
}
.form-titles {
  color:var(--Orange,#e96127);
  font-size:28px;
  font-weight:600;
  line-height:1.4em
}
.form-section .form {
  width:310px;
  flex-shrink: 0;
  color: #fff;
}
.form>span>h3{
  display:none;
}
label{
  display:none;
}
ul li label{
  display:inline;
}
input{
  font-size: 12px;
  color: #ffffff;
  padding: 12px 0 12px 20px;
  width: 100%;
  margin: 15px 0 0;
  background-color: rgba(190, 204, 213, .25);
  border: none;
  box-sizing: border-box;
}
input[type="submit"]{
  background: var(--Orange, #E96127);
  color: var(--Navy, #131E29);
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
}
input[type="submit"]:hover{
  background: #ba4d1f;
}
form div:first-of-type div input{
  margin: 0;
}
input:focus {
  outline:none
}
input {
  -webkit-appearance:none!important;
  -webkit-border-radius:0;
  font-family:Proxima Nova, Arial, sans-serif;
}
input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
  -webkit-text-fill-color:#fff;
  -webkit-box-shadow:inset 0 0 0 1000px #2b3854!important
}
:-moz-placeholder {
  color:#fff;
  font-size:12px;
  font-weight:400;
  opacity:1;
  white-space:pre-line
}
:-ms-input-placeholder {
  color:#fff;
  font-size:12px;
  font-weight:400;
  opacity:1;
  white-space:pre-line
}
::-moz-placeholder {
  color:#fff;
  font-size:12px;
  font-weight:400;
  opacity:1;
  white-space:pre-line
}
::-webkit-input-placeholder {
  color:#fff;
  font-size:12px;
  font-weight:400;
  opacity:1;
  white-space:pre-line
}
::-ms-input-placeholder {
  color:#fff;
  font-size:12px;
  font-weight:400;
  opacity:1;
  white-space:pre-line
}
::placeholder {
  color:#fff;
  font-size:12px;
  font-weight:400;
  opacity:1;
  white-space:pre-line;
}

.features {
  grid-column:3/6;
  grid-row:9/10;
  padding:53px 0 48px
}
.features .flex-section {
  display:flex;
  flex-flow:wrap;
  justify-content:space-around;
  row-gap:30px
}
.map {
  background:#fff;
  border:2px solid rgba(0,113,175,.2);
  border-radius:8px;
  box-sizing:border-box;
  flex-shrink:0;
  height:274px;
  padding:30px;
  width:303px
}
.map h3 {
  color:var(--Alt-Blue,#0071af);
  font-size:20px;
  font-weight:700;
  line-height:1.6em
}
@media(max-height: 899px) and (min-width: 1096px){
  .hero{
    margin-top: -50px;
  }
}
@media(max-width:1095px) {
  .hero {
    grid-template-rows:auto 100px auto 28px auto auto auto auto auto
  }
  .hero-titles {
    grid-column:3/7;
    grid-row:1/2
  }
  .hero-titles h1 div {
    display:inline
  }
  .hero-titles h1 {
    margin:40px 0
  }
  .ebook-img {
    grid-row:3/7
  }
  .hero-copy {
    grid-row:2/3
  }
  .bgd-ellipse {
    grid-row:4/8
  }
  .lil-dots {
    display:none
  }
  .form-section {
    flex-direction:column;
    grid-column:3/4;
    grid-row:4/9
  }
    .form-section .form {
    width:100%;
      margin-top: 40px;
  }
  .lt-blue-section {
    grid-row:9/10;
    margin-top:40px
  }
}
@media(max-width:910px) {
  .hero {
    grid-template-columns:6% 1.5% 45% 15% 25% 1.5% 6%
  }
}
@media(max-width:841px) {
  .hero {
    display:block;
    margin:0 6%;
    max-width:100%
  }
  .ebook-img {
    width:100%;
    text-align: center;
  }
  .ebook-img img {
    max-width:100%
  }
  .bgd-ellipse, .lil-dots {
    left:60%;
    position:absolute;
    z-index:-1000;
    display:block;
    margin-top: -40px;
  }
  .lil-dots{
    left: 85%;
    margin: 60px 0 0;
    padding: 0 0;
  }
  
  .bgd-ellipse img {
    width:130%
  }
  .form-section {
    margin-bottom:40px;
  }

  .features {
    background-color:rgba(0,113,175,.1);
    border-radius:8px;
    margin-top:40px;
    padding:6%
  }
  .map {
    height:auto;
    width:100%
  }
}
@media(max-width:499px){
  .hero h1{
    font-size: 36px;
  }
  .form-section{
    padding: 40px 6%;
  }
  .form-titles{
    font-size: 26px;
  }
  .map h3 {
  font-size:16px;
}
  .lil-dots{
    margin: 0;
  }
  .lil-dots svg{
    width: 50%;
  }