body {
  padding:0;
  margin:0;
  font-family: 'Roboto', sans-serif;
}

*, *::before, *::after {
  box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
  margin:0;
  padding: 0;
}

h1 {
  font-size: 40px;
}

h2 {
  font-size: 32px;

}

.sectionDefault {
  padding: 50px 0;
  width: 100%;
}

p {
  font-size: 18px;
}

a {
  text-decoration: none;
}

.required {
  color: red;
}

.mobile {
  display:none;
}

.primaryBtn {
  background: #3CDA54;
  border: 0;
  border-radius: 45px;
  cursor: pointer;
  display:block;
  margin-top: 1em;
  padding: 1.5em;
  position: relative;
  text-align: center;
  width: 340px;
}

.primaryBtn span {
  color: white;
  display: block;
  font-size: 18px;
  font-weight: 700;
}

.primaryBtn .subcta {
  color: #08841B;
  font-size: 14px;
}

.primaryBtn img {
  position: absolute;
  right: 20px;
  bottom: 35%;
}

.contentWrapper {
  width: 960px;
  margin:auto;
}

.heroSection {
  background: url("../img/hero-bg.jpg") no-repeat;
  background-size: cover;
  height: 100vh;
}

.heroSection .navigationContainer img:first-child {
  width: 30%;
}

.heroSection .heroContent .formContainer {
  background: rgba(255, 255, 255, 0.5490196078431373);
  padding: 2em;
  border-radius: 15px;
}

.heroSection .formContainer h2 {
  margin-bottom:1em;
  text-align: center;
}

.sick-kids-img {
  float: left;
  margin: 0 8px 0 0;
  vertical-align: middle;
}

.formContainer .inputContainer {
  margin-bottom: .7em;
  width: 100%;
}

.formContainer .inputContainer label {
  color: #707070;
  display: block;
  font-weight: 600;
}

.formContainer .inputContainer input {
  border: 1px solid #cecece;
  border-radius: 8px;
  font-size: 16px;
  margin-top: .5em;
  padding: .8em;
  width: 100%;
}

.formContainer .inputContainer .select-css {
    font-size: 16px;
    font-family: sans-serif;
    font-weight: 700;
    color: #707070;
    line-height: 1.3;
    padding: .6em 1.4em .5em .8em;
    width: 100%;
    max-width: 100%; /* useful when width is set to anything other than 100% */
    box-sizing: border-box;
    margin: .5em 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
    border-radius: .5em;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
      linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
    background-repeat: no-repeat, repeat;
    /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
    background-position: right .7em top 50%, 0 0;
    /* icon size, then gradient */
    background-size: .65em auto, 100%;
}

.heroSection .formContainer form .primaryBtn {
  width: 100%;
}

.heroSection .formContainer form .info {
  display: block;
  margin: 1em auto;
}


.navigationContainer, .heroContent, .consumerProposal div, .finalCTA .contentWrapper {
  display:flex;
  justify-content: space-between;
  align-items: center;
}

.heroContent {
  align-items:start;
}

.navigationContainer {
  margin-bottom: 3em;

}

.assistance, .settlement, .finalCTA {
  background: #475DE6;

}


.managedFund {
  background: #f1f1f1;
}

.savings {
  background:#1731A8;
}

.finalCTA {
  padding-bottom: 0;
}

.footer {
  background: #000;
  color: #5F5F5F;
  text-align: center;
}

.footer p {
  font-size: 12px;
  margin:0;
}

.footer p:first-child {
  margin-bottom: 2em;
}

.footer .contentWrapper picture img,
.footer .contentWrapper picture source{
  max-width: 935px;
  width:100%
}

.footer .contentWrapper {
  position:relative;
  text-align:center;
}

.footer .contentWrapper .footerLinks {
  display:inline-block;

}

@media screen and (min-width:320px) and (max-width: 812px) {
  .desktop {
    display:none;
  }

  .mobile {
    display: block;
  }

  .contentWrapper {
    padding: 0 15px;
    width: 100%;
  }

  .contentWrapper img.mobile {
    display: block;
    margin:auto;
  }

  .heroSection {
    height: auto;
  }

  .heroSection .heroContent {
    flex-direction: column;
  }

  .heroSection .heroContent .primaryBtn {
    margin-bottom: .5em;
    text-align:center;
    width: 100%;
  }

  .heroSection .heroContent .info {
    margin-bottom: 1em;
    width:100%;
  }

  .heroSection .navigationContainer {
    flex-direction: column;
  }

  .heroSection .navigationContainer img:first-child {
    width: 100%;
  }
  
  .form-mobile h2 {
    margin-bottom: 1em;
    text-align: center;
  }

  .form-mobile .formContainer form {
      padding: 0 2em;
    }

  .form-mobile .formContainer .primaryBtn {
    width: 100%;
}

  .form-mobile .formContainer .info {
    margin-top: .5em;
    width: 100%;
}
  .assistance h2 {
    margin-bottom: 1em;
  }

  .assistance .bulletContainer {
    flex-direction: column;
  }

  .assistance .bulletContainer div {
    width: 100%;
  }

  .finalCTA .contentWrapper {
    flex-direction: column;
    align-items: start;
  }

  .finalCTA div {
    width: 100%;
  }

  .finalCTA .headlineContainer img.mobile {
    display: block;
    margin: auto;
  }

  .finalCTA .headlineContainer .primaryBtn {
    margin-bottom: 2em;
    width: 100%;
  }

  .finalCTA .contentWrapper div:last-child .mobile {
    margin: auto;
  }
  
  /* ADDED BY SACHIT ON 07-09-2020 to fix SickKids logo */
  
  .sickkids-container{
	  margin:40px 0 0 40px;
	  font-size:15px;
  }
  .sick-kids-img{
	  width:33% !important;
  }
  /* ------- */
  
}