:root {
  --white: white;
  --black: black;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

.body {
  background-image: url('../images/bgd_LandingPage.png');
  background-position: 0 0;
  background-size: 100% 100%;
  background-attachment: fixed;
}

.hdr_landingpage {
  color: #713226;
}

.herolandingpage.txt_maincolor {
  float: none;
  color: #713226;
  width: auto;
  margin-left: 85px;
}

.herolandingpage.mainheaderlp {
  text-shadow: 2px 1px 6px rgba(128, 128, 128, .7);
  margin-top: 50px;
  font-family: Notosans Semicondensed, sans-serif;
  font-size: 5.1rem;
  font-weight: 400;
  line-height: 6.2rem;
}

.herolandingpage.secondaryheader {
  width: 738px;
  margin-left: 0;
  font-family: Notosans Semicondensed, sans-serif;
  font-size: 50px;
  font-weight: 500;
  line-height: 65px;
}

.herolandingpage.secondaryheader.formsectiontitle {
  margin-left: 85px;
}

.heroimage {
  float: left;
  max-width: 545px;
  margin-top: -306px;
  padding-top: 0;
  position: -webkit-sticky;
  position: sticky;
  top: 90px;
}

.navbar-no-shadow-container {
  z-index: 5;
  background-color: rgba(0, 0, 0, 0);
  width: 100%;
  max-width: 1504px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}

.container-regular {
  width: 100%;
  max-width: 1430px;
  min-height: 30px;
  margin-left: auto;
  margin-right: auto;
}

.navbar-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-menu {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.nav-link {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
}

.nav-link:hover {
  color: rgba(26, 27, 31, .75);
}

.nav-link:focus-visible {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-dropdown {
  margin-left: 5px;
  margin-right: 5px;
}

.nav-dropdown-toggle {
  letter-spacing: .25px;
  padding: 5px 30px 5px 10px;
  font-size: 14px;
  line-height: 20px;
}

.nav-dropdown-toggle:hover {
  color: rgba(26, 27, 31, .75);
}

.nav-dropdown-toggle:focus-visible {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-toggle[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-icon {
  margin-right: 10px;
}

.nav-dropdown-list {
  background-color: #fff;
  border-radius: 12px;
}

.nav-dropdown-list.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-dropdown-link {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}

.nav-dropdown-link:focus-visible {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-button-wrapper {
  margin-left: 120px;
}

.button-primary {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary:active {
  background-color: #43464d;
}

.btnmainnav {
  float: left;
  color: #713226;
  background-color: rgba(56, 152, 236, 0);
  margin-top: 0;
  font-family: Notosans Semicondensed, sans-serif;
}

.navbtncontainer {
  float: right;
  height: 80px;
  margin-top: 0;
  padding-top: 1.33%;
}

.brandsection {
  float: left;
}

.brandname {
  float: left;
  color: #713226;
  margin-top: 46px;
  margin-left: 15px;
  padding-top: 0;
  font-family: Notosans Semicondensed, sans-serif;
  font-size: 28px;
}

.imglogo {
  float: left;
  margin-top: 10px;
}

.main-container {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
  max-width: 100%;
  padding-left: 2%;
  padding-right: 2%;
  position: relative;
}

.main-container.intbordershadow {
  z-index: 20;
  background-image: url('../images/bgd_LandingPage.png');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  border-top: 3px solid #f5984a;
  border-bottom: 1px solid #f5984a;
  width: 100%;
  max-width: none;
  height: 115px;
  position: fixed;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.imginnerhero {
  max-width: 100%;
  position: static;
}

.heading {
  font-family: Notosans Semicondensed, sans-serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 68px;
}

.btnherocta {
  color: #713226;
  text-align: left;
  letter-spacing: 0;
  overflow-wrap: normal;
  object-fit: fill;
  background-color: rgba(56, 152, 236, 0);
  background-image: url('../images/btnFrameHero.svg');
  background-position: 0 0;
  background-size: auto;
  width: 261px;
  height: 75px;
  margin-top: 25px;
  margin-left: 100px;
  padding-left: 20px;
  padding-right: 0;
  font-family: Notosans Semicondensed, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 27px;
}

.btnherocta.subherocta {
  text-align: center;
  width: 261px;
  margin-left: 180px;
  padding-top: 5.5%x;
  padding-left: 0;
}

.btnherocta.subherocta.blogAdjust {
  margin-left: 19%;
  padding-top: 5%;
}

.herocta {
  float: left;
  width: 80%
}

.hero-ctasection {
  margin-bottom: 220px;
}

.herocopy {
  padding-right: 55px;
  font-family: Notosans Semicondensed, sans-serif;
  font-size: 30px;
  line-height: 60px;
}

.spacer {
  margin-bottom: 150px;
}

.subherosection {
  color: #713226;
  margin-left: 85px;
}

.herosupport {
  width: auto;
  margin-bottom: 50px;
}

.herosupport.herosupportshift {
  margin-left: 8%;
}

.herosupportcta {
  float: left;
  color: #fff;
  background-color: #cd7569;
  border-radius: 25px;
  width: 738px;
  margin-top: 40px;
  margin-right: 145px;
  padding: 20px 40px 40px;
  font-family: Notosans Semicondensed, sans-serif;
  font-size: 30px;
  line-height: 60px;
}

.herosupportcta.formcrop {
  height: auto;
  padding-bottom: 35px;
  font-size: 1.35rem;
  line-height: 1.95rem;
}

.mc-field-group.input-group input {
	margin-right: 10px;
}

.subheroimage {
  float: left;
  max-width: 492px;
}

.herolandingblog {
  z-index: -1000000;
  border: 2px solid #cd7569;
  border-radius: 25px;
  height: 420px;
  margin-bottom: -134px;
  position: relative;
  overflow: clip;
}

.heroblogimgplacement {
  margin-top: -179px;
}

.heading-2 {
  font-size: 36px;
  font-weight: 600;
  line-height: 30px;
}

.carePreHeader{
  font-family: Notosans SemiBold, sans-serif;
  font-weight: 600;
  font-size: 1.15rem;
  margin-top: 50px;
  margin-bottom: -25px;
}

.intSubtitle{
  font-family: Notosans SemiBold, sans-serif;
  font-weight: 400;
  font-size: 1.728rem;
  /*margin-bottom: 30px;*/
}

.intSubtitleSpacer{
  margin-bottom: 30px;
}

.btnCollectionBorder{
	border-top: 1px solid #713226;
}

.ctaform {
  margin-top: 30px;
}

.ctaform-header {
  font-size: 1.728rem;
  font-weight: 600;
}

.ctaform-copy {
  font-weight: 400;
}

.radiobtncontainer {
  float: left;
  margin-right: 0;
}

.radiobtncontainer.rigtcontainer {
  float: right;
}

.radio-button-field {
  float: left;
  clear: none;
  width: 127px;
  margin-top: -15px;
}

.ctaform-radiobtn {
  margin-top: 20px;
  margin-right: 15px;
}

#mc_embed_signup input {
    border-width: 0px;
    color: #cd7569;
}

.submit-button, #mc-embedded-subscribe{
  color: #713226;
  -webkit-text-fill-color: inherit;
  background-color: rgba(56, 152, 236, 0);
  background-image: url('../images/btnFrameHero.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  background-clip: border-box;
  height: auto;
  margin-top: 35px;
  margin-bottom: 0;
  margin-left: 25%;
  padding: 15px 31px 13px 30px;
  line-height: 45px;
  border-width: 0px;
}

.ctafromcol {
  width: 100%;
}

.checkbox {
  margin-top: 20px;
}

.formsubheader {
  color: #fff;
  text-align: left;
  background-color: #eda554;
  border-radius: 15px;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 0;
  padding: 25px 35px;
  font-size: 1.35rem;
  font-weight: 500;
  line-height: 40px;
}

.formtelephone {
  color: #fff;
}

.ctacheckbox-label {
  margin-left: 10px;
}

.radiobtnblock {
  border-bottom: 1px solid #fff;
  margin-bottom: 5px;
  padding-bottom: 5px;
}

.subherocopy {
  float: left;
  width: 43.5%;
  margin-left: 85px;
  font-family: Notosans Semicondensed, sans-serif;
  font-size: 1.35rem;
  line-height: 40px;
}

.navbar {
  background-color: rgba(221, 221, 221, 0);
}

.subhero-ctasection {
  margin-bottom: 220px;
}

.bgdpattern {
  z-index: -1;
  background-image: url('../images/bgd_LandingPage.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.main-containerint {
  background-color: #f6e4d1;
  max-width: 100%;
  padding-top: 8%;
  padding-left: 2%;
  padding-right: 2%;
  position: relative;
}

.intcontentpage.txt_maincolor {
  float: none;
  color: #713226;
  width: auto;
  margin-left: 85px;
}

.intcontentpage.mainheaderlp {
  text-shadow: 2px 1px 6px rgba(128, 128, 128, .7);
  margin-top: 50px;
  font-family: Notosans Semicondensed, sans-serif;
  font-size: 5.1rem;
  font-weight: 400;
  line-height: 6.2rem;
}

.intcontentpage.secondaryheader {
  width: 738px;
  margin-left: 0;
  font-family: Notosans Semicondensed, sans-serif;
  font-size: 50px;
  font-weight: 500;
  line-height: 65px;
}

.intcontentpage.secondaryheader.formsectiontitle {
  margin-left: 85px;
}

.intcopyarea {
  z-index: 10;
  float: left;
  max-width: 630px;
  margin-left: 60px;
  position: relative;
}

.bgdcontentcircle {
  background-color: #fff;
  border-radius: 50%;
  width: 1100px;
  height: 1100px;
  margin-top: -93px;
  margin-left: -16%;
  position: fixed;
}

.inttitle {
  font-family: Notosans Semicondensed, sans-serif;
  font-size: 2.986rem;
  font-weight: 400;
  line-height: 68px;
}

.intpagecopy {
  width: 100%;
  margin-bottom: 30px;
  padding-right: 55px;
  font-family: Notosans Semicondensed, sans-serif;
  font-size: 1.44rem;
  line-height: 2.9rem;
}

.intpagecopy.intherocaption {
  width: 85%;
  margin-left: 0%;
  padding-left: 0%;
}

.intpage-ctasection {
  max-width: none;
  margin-bottom: 220px;
}

.intpage-ctaCollection {
  max-width: 85%;
  margin-left: 0;
  margin-right: 0;
}

.ctaCollection1Col{
  padding-left: 20%;
}

.ctaCollection2Col{
  padding-left: 0%;
}

.btnintcta {
  color: #713226;
  text-align: center;
  letter-spacing: 0;
  overflow-wrap: normal;
  object-fit: fill;
  background-color: rgba(56, 152, 236, 0);
  background-image: url('../images/btnFrameHero.svg');
  background-position: 0 0;
  background-size: auto;
  width: 261px;
  height: 75px;
  margin-top: -5px;
  margin-bottom: 30px;
  margin-right: 25%;
  padding: 20px 0 0;
  font-family: Notosans Semicondensed, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 27px;
}

.btnintcta.subherocta {
  text-align: center;
  width: 261px;
  margin-left: 180px;
  padding-top: 10px;
  padding-left: 0;
}

.intheroimage {
  z-index: 30;
  float: left;
  max-width: 40%;
  margin-top: 0;
  padding-top: 4%;
  position: -webkit-sticky;
  position: sticky;
  top: 90px;
}

.intihero {
  max-width: 80%;
  position: static;
}

.onlyDisplayMobile{
	display: none;
}

.navMenuHeader{
	background: #F6D8A9;
	padding-top: 20px;
	padding-left: 10px;
	padding-bottom: 10px;
	font-family: Notosans Semicondensed, sans-serif;
	text-align: left;
}

.blogIntroCopy{
  font-size: 1.44rem;
  line-height: 2.9rem;
}

.pdfDesktop{
	display: block;
}

.pdfMobile{
	display: none;
}

@media screen and (min-width: 1440px) {
  .main-container {
    max-width: 100%;
    padding-left: 2%;
    padding-right: 2%;
  }

  .main-container.intbordershadow {
    z-index: 20;
    background-image: url('../images/bgd_LandingPage.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    border-top: 3px solid #f5984a;
    border-bottom: 1px solid #f5984a;
    width: 100%;
    max-width: none;
    height: 115px;
    position: fixed;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
  }


  .herosupport.herosupportshift {
    z-index: 2;
    position: relative;
  }

  .herolandingblog {
    z-index: 0;
  }

  .heroblogimgplacement {
    background-image: url('../images/blogHero1-LifesChoopyWaters.jpg');
    background-position: 0 0;
    background-size: auto;
    margin-top: -45px;
	max-width: 120%;
  }

  .bgdpattern.bgdintcrop {
    height: 10.25%;
  }

  .main-containerint {
    background-color: #f6e4d1;
    background-image: none;
    max-width: 100%;
    padding-top: 5%;
    padding-left: 2%;
    padding-right: 2%;
  }

  .main-containerint.intbordershadow {
    z-index: 20;
    background-image: url('../images/bgd_LandingPage.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    border-top: 3px solid #f5984a;
    border-bottom: 1px solid #f5984a;
    width: 100%;
    max-width: none;
    height: 115px;
    position: fixed;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
  }

  .intcopyarea {
    z-index: 10;
    max-width: 940px;
    margin-left: 100px;
    padding-top: 30px;
	padding-right: 30px;
    position: relative;
  }

  .bgdcontentcircle {
    z-index: 1;
    background-color: #fff;
    border-radius: 50%;
    width: 1400px;
    height: 1400px;
    margin-top: -93px;
    margin-left: -267px;
    position: fixed;
  }

  .intpagecopy {
    width: 85%;
    margin-bottom: 30px;
    font-size: 1.44rem;
    line-height: 2.9rem;
  }
	
	.blogIntroCopy{
	  font-size: 1.44rem;
      line-height: 2.9rem;
	}

  .intpagecopy.intherocaption {
    width: 80%;
    margin-top: 13px;
    margin-left: 0;
    padding-left: 130px;
  }

  /*.btnintcta {
    text-align: center;
    margin-top: -5px;
    margin-bottom: 30px;
    padding-top: 20px;
    padding-left: 0;
  }*/
	
  .btnintcta {
	text-align: center;
	margin-top: -5px;
	margin-bottom: 50px;
	padding-top: 28px;
	padding-left: 0;
	float: left;
	font-size: 1.15rem;
	width: 300px;
	height: 86px;
	background-size: 100%;
	margin-right: 7%;
  }

  .intheroimage {
    z-index: 30;
    margin-top: 0;
    padding-top: 100px;
    top: 100px;
  }
	
  .herosupportcta {
	width: 90%;
	margin-right: 0;
	margin-top: 35px;
  }
	
  .btnintcta_moreOptions{
	margin-top: 30px;
  }
	
 .pdfDesktop{
	display: block;
  }

 .pdfMobile{
	display: none;
 }
	
}

@media screen and (min-width: 1264px) and (max-width: 1792px) {
  .intcopyarea {
    max-width: 54%;
    margin-left: 60px;
  }
	
  .intpagecopy{
  	font-size: 1.125rem;
	line-height: 2.25rem;
  }
	
  .intpage-ctasection {
    max-width: none;
    margin-bottom: 220px;
    width: 95%;
  }
	
  .heroblogimgplacement {
    margin-top: 0;
    margin-left: -8%;
    max-width: none;
    width: 155%;
  }
	
  .intSubtitle {
    font-family: Notosans SemiBold, sans-serif;
    font-weight: 400;
    font-size: 1.5rem;
  }  
	
  .intheroimage {
    max-width: 40%;
  }
	
  .intpagecopy.intherocaption {
	width: 88%;
	margin-top: 13px;
	margin-left: 0;
	padding-left: 0;
	font-size: 1.2rem;
    line-height: 2rem;
  }
	
  .btnintcta {
    margin-top: 5px;
    margin-left: 0;
    font-size: 1.125rem;
	line-height: 1.7rem;
	margin-right: 9%;
	width: 19rem;
	background-repeat: no-repeat;
	background-size: 100%;
	height: 90px;
	padding-top: 28px;
  }
	
  .ctaform-header {
    font-size: 1.444rem;
  }
	
  .radiobtncontainer, .radiobtncontainer.rigtcontainer {
      float: none;
   }
	
  .submit-button {
    margin-left: 23%;
  }
	
  .herosupportcta.formcrop {
    font-size: 1.2rem;
  }
	
  .herosupportcta {
	width: 95%;
	margin-top: 80px;
  }
  
  .herosupport.herosupportshift {
    margin-left: 4%;
  }
	
		
}

@media screen and (min-width: 1264px) and (max-width: 1365px) {
    .heroblogimgplacement {
        margin-left: -17%;
        width: 161%;
    }
}

@media screen and (min-width: 390px) and (max-width: 1792px) {
  .intpagecopy{
  	font-size: 1.125rem;
	line-height: 2.25rem;
  }
	
  .intSubtitle {
    font-family: Notosans SemiBold, sans-serif;
    font-weight: 400;
    font-size: 1.5rem;
	line-height: 2.074rem;
  }  
}


@media screen and (max-width: 1024px) {
  .body {
    background-position: 67% 0;
    background-size: cover;
  }

  .herolandingpage.txt_maincolor {
    margin-left: auto;
    padding-left: 0;
    position: relative;
  }

  .herolandingpage.mainheaderlp {
    font-size: 4rem;
    line-height: 80px;
  }

  .herolandingpage.secondaryheader {
    width: auto;
    font-size: 2rem;
    line-height: 49px;
  }

  .heroimage {
    z-index: auto;
    margin-top: -1912px;
    margin-left: 15%;
  }

  .heroimage.secondary {
    display: none;
  }

  .nav-menu-wrapper {
    background-color: rgba(0, 0, 0, 0);
  }

  .nav-menu {
    background-color: #fff;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    padding-left: 0;
    display: flex;
  }

  .nav-link {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: absolute;
  }

  .nav-button-wrapper {
    width: 100%;
    margin-left: 0;
  }

  .menu-button {
    padding: 12px;
  }

  .menu-button.w--open {
    color: #fff;
    background-color: #a6b1bf;
  }

  .btnmainnav {
    float: none;
  }

  .navbtncontainer {
    z-index: 1000;
    height: auto;
    padding-top: 0%;
    position: fixed;
    top: 0%;
    bottom: auto;
    left: auto;
    right: 0%;
  }

  .brandsection {
    padding-left: 5%;
  }

  .main-container.intbordershadow {
    z-index: 30;
    background-position: 60% 30%;
    background-size: initial;
  }

  .imginnerhero {
    margin-top: -90px;
  }

  .heading {
    font-size: 2.5rem;
    line-height: 60px;
  }

  .btnherocta {
    margin-left: 30px;
  }

  .btnherocta.subherocta {
    margin-left: 17%;
  }

  .herocta {
    z-index: 1;
    width: 100%;
    max-width: none;
    margin-left: auto;
    padding-top: 297px;
    padding: 0;
    position: relative;
  }

  .herocta.formplacementmobile {
    margin-top: 25px;
    padding-top: 0;
    padding: 0;
  }

  .herocta.heroblogshift {
    padding-top: 0;
  }

  .hero-ctasection {
    background-image: url('../images/heroCopyBackground.png');
    background-position: 50% 72%;
    background-size: 120% 113%;
    border: 1px #000;
    max-width: none;
    padding-bottom: 80px;
  }

  .hero-ctasection.mobilemarginremoval {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .herocopy {
    font-size: 1.5rem;
    line-height: 2.6rem;
  }

  .spacer {
    margin-bottom: 0;
    display: none;
    overflow: visible;
  }

  .subherosection {
    margin-left: 0;
  }

  .herosupport {
    position: relative;
  }

  .herosupport.herosupportshift {
    margin-left: -15px;
  }

  .herosupportcta {
    width: auto;
    max-width: 95%;
    margin-top: 60%;
    margin-left: 0%;
    margin-right: 0;
  }

  .herosupportcta.formcrop {
    margin-top: 0%;
    padding-top: 0;
  }

  .herosupportcta.heroblogshift {
    max-width: 70%;
    margin-top: -7%;
  }

  .subheroimage {
    z-index: -10000000;
    max-width: 526px;
    position: absolute;
  }

  .herolandingblog {
    height: 360px;
    max-height: none;
    margin-bottom: auto;
  }

  .heroblogimgplacement {
    margin-top: 0;
  }

  .ctaform-header {
    font-size: 1.6rem;
    line-height: 2.2rem;
  }

  .radiobtncontainer, .radiobtncontainer.rigtcontainer {
    float: none;
  }

  .ctaform-radiobtn {
    margin-top: 20px;
  }

  .submit-button {
    margin-left: 24%;
    line-height: 45px;
  }

  .formsubheader {
    width: 100%;
  }

  .subherocopy {
    width: 73%;
  }

  .menu-button-2 {
    color: #713226;
  }

  .subhero-ctasection {
    border: 1px #000;
    max-width: none;
    margin-bottom: auto;
    padding-bottom: 0;
  }

  .paragraph {
    font-size: 1.35rem;
    line-height: 40px;
  }

  .intcontentpage.txt_maincolor {
    margin-left: auto;
    padding-left: 0;
    position: relative;
  }

  .intcontentpage.mainheaderlp {
    font-size: 4rem;
    line-height: 80px;
  }

  .intcontentpage.secondaryheader {
    width: auto;
    font-size: 2rem;
    line-height: 49px;
  }

  .intcopyarea {
    z-index: 20;
    width: 100%;
    max-width: none;
    margin-left: auto;
    padding-top: 10%;
    padding-left: 9%;
    padding-right: 5%;
    position: relative;
  }

  .intcopyarea.formplacementmobile {
    margin-top: 25px;
    padding-top: 0;
    padding-left: 4%;
    padding-right: 4%;
  }

  .intcopyarea.heroblogshift {
    padding-top: 0;
  }

  .bgdcontentcircle {
    z-index: 10;
    width: 1200px;
    height: 1200px;
  }

  .inttitle {
    font-size: 2.5rem;
    line-height: 60px;
  }

  .intpagecopy {
    font-size: 1.5rem;
    line-height: 2.6rem;
  }

  .intpagecopy.intherocaption {
    width: 100%;
    margin-top: 3%;
    margin-left: none;
    padding-right: 0;
  }

  .intpage-ctasection {
    background-image: url('../images/heroCopyBackground.png');
    background-position: 50% 72%;
    background-size: 120% 113%;
    border: 1px #000;
    max-width: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .intpage-ctasection.mobilemarginremoval {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  /*.btnintcta {
    margin-left: 25%;
  }*/

  .btnintcta.subherocta {
    margin-left: 17%;
  }

  .intheroimage {
    z-index: 20;
    width: 85%;
    max-width: none;
    margin-top: 0;
    margin-left: 8%;
    position: relative;
    top: auto;
  }

  .intheroimage.secondary {
    display: none;
  }

  .intihero {
    max-width: 100%;
    margin-top: 0;
  }
	
  .onlyDisplayMobile{
	display: block;
  }
	
  .ctaCollection1Col {
    padding-left: 29%;
  }
  .doNotDisplayMobile{
	display: none;
  }
	
  .btnintcta {
    margin-top: 5px;
    margin-left: 0;
    font-size: 1.2rem;
	line-height: 1.7rem;
	margin-right: 5%;
	width: 19rem;
	background-repeat: no-repeat;
	background-size: 100%;
	height: 90px;
	padding-top: 28px;
  }
	
  .pdfDesktop{
	display: none;
  }

 .pdfMobile{
	display: block;
 }
}

@media screen and (max-width: 767px) {
  .body {
    background-position: 55% 0;
  }

  .herolandingpage.mainheaderlp {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }

  .herolandingpage.secondaryheader {
    font-size: 1.7rem;
    line-height: 40px;
  }

  .heroimage {
    margin-top: -2069px;
    margin-left: 5%;
  }

  .navbar-brand {
    padding-left: 0;
  }

  .nav-menu {
    flex-direction: column;
    padding-bottom: 30px;
    padding-left: 0;
  }

  .nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .nav-dropdown {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .nav-dropdown-toggle {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-list.shadow-three {
    box-shadow: 0 8px 50px rgba(0, 0, 0, .05);
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .mobile-margin-top-10 {
    margin-top: 10px;
  }

  .heading {
    font-size: 2.2rem;
    line-height: 55px;
  }

  .btnherocta {
    margin-left: 20%;
  }

  .btnherocta.subherocta {
    margin-top: 10px;
    margin-left: 5%;
  }

  .herocopy {
    font-size: 1.3rem;
    line-height: 2.2rem;
  }

  .herosupportcta {
    font-size: 1.4rem;
    line-height: 2.4rem;
  }

  .herosupportcta.heroblogshift {
    max-width: 77%;
  }

  .heroblogimgplacement {
    max-width: 135%;
  }

  .submit-button {
    margin-top: 0;
    margin-left: 2%;
  }

  .ctafromcol {
    margin-bottom: 35px;
  }

  .checkbox {
    margin-top: 3%;
  }

  .formsubheader {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 1.1rem;
    line-height: 1.8rem;
  }

  .ctacheckbox-label {
    font-size: 1.35rem;
    line-height: 2rem;
  }

  .intcontentpage.mainheaderlp {
    font-size: 3.4rem;
    line-height: 4.4rem;
  }

  .intcontentpage.secondaryheader {
    font-size: 1.7rem;
    line-height: 40px;
  }

  .carePreHeader{
    margin-top: 20px;
    margin-bottom: -10px;
  }
  .inttitle {
    font-size: 2.2rem;
    line-height: 2.488rem;
  }

  .intpagecopy {
    font-size: 1.2rem;
    line-height: 2.2rem;
  }

  .btnintcta {
    margin-left: 20%;
  }

  .btnintcta.subherocta {
    margin-top: 10px;
    margin-left: 5%;
  }

  .intheroimage {
    margin-top: -2069px;
    margin-left: 5%;
  }
}

@media screen and (max-width: 479px) {
  
  .ctaCollection1Col, .ctaCollection2Col{
    padding-left: 0%;
  }
	
  .herolandingpage.mainheaderlp {
    font-size: 2.4rem;
    line-height: 2.8rem;
  }

  .herolandingpage.secondaryheader.formsectiontitle {
    margin-left: 13%;
  }

  .heroimage {
    max-width: none;
    margin-top: -1870px;
    margin-left: 0%;
  }

  .nav-menu {
    flex-direction: column;
  }

  .nav-button-wrapper {
    width: auto;
  }

  .brandname {
    margin-top: 17px;
    margin-left: 0;
    font-size: 1.2rem;
  }

  .imglogo {
    width: 15%;
    max-width: 100%;
  }
	
  .intLogoAdjust{
    width: 52px;
  }

  .main-container {
    background-image: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0%;
    padding-right: 0%;
    overflow: clip;
  }

  .main-container.intbordershadow {
    height: 85px;
  }

  .imginnerhero {
    max-width: 100%;
    margin-top: -150px;
  }

  .heading {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 1.7rem;
    line-height: 2.4rem;
  }

  .btnherocta {
    margin-top: 20px;
    margin-left: 10%;
    font-size: 1.2rem;
    line-height: 1.7rem;
  }

  .btnherocta.subherocta {
    margin-left: 0%;
  }

  .herocta {
    padding-top: 165px;
    padding-left: 5%;
    padding-right: 9%;
  }

  .hero-ctasection {
    background-image: url('../images/heroCopyBackground.png');
    background-position: 50% 46%;
    background-size: 120% 118%;
    padding-left: 23px;
    padding-right: 23px;
  }

  .hero-ctasection.mobilemarginremoval {
    padding-left: 0;
  }

  .herocopy {
    padding-right: 0;
  }

  .subherosection {
    padding-left: 0%;
  }

  .herosupportcta {
    max-width: 80%;
    margin-top: 74%;
    margin-left: 0;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 1.2rem;
    line-height: 2.2rem;
  }

  .herosupportcta.formcrop {
    max-width: 100%;
  }

  .herosupportcta.heroblogshift {
    max-width: 93%;
  }

  .herolandingblog {
    height: 285px;
  }
	
	
  .blogIntroCopy {
    font-size: 1.2rem;
    line-height: 1.95rem;
  }

  .heroblogimgplacement {
    max-width: 140%;
  }

  .hero-ctasection.mobilemarginremoval {
	padding: 0;
  }

  .ctaform-copy, .radio-button-field {
    font-size: 1.3rem;
  }

  .submit-button {
    margin-left: 8%;
	line-height: 45px;
  }

  .formsubheader {
    padding-left: 20px;
    padding-right: 20px;
  }
	
  .herocta.formplacementmobile {
    padding: 0;
  }

  .subherocopy {
    margin-left: 13%;
  }

  .bgdpattern {
    z-index: -1;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
  }

  .main-containerint {
    background-image: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 2%;
    padding-right: 2%;
    overflow: clip;
  }

  .intcontentpage.mainheaderlp {
    font-size: 2.4rem;
    line-height: 2.8rem;
  }

  .intcontentpage.secondaryheader.formsectiontitle {
    margin-left: 13%;
  }

  .intcopyarea {
    padding-top: 20%;
    padding-left: 2%;
    padding-right: 2%;
  }

  .bgdcontentcircle {
    margin-left: -40%;
  }

  .inttitle {
    margin-top: 10px;
    margin-bottom: 1rem;
    /*font-family: Notosans SemiBold, sans-serif*/;
    font-weight: 400;
    font-size: 2.074rem;
	
  }
	
  .intSubtitle{
	font-family: Notosans Semicondensed, sans-serif;
	font-size: 1.44rem;
	font-weight: 600;
  }

  .intpagecopy {
    padding-right: 0;
  }

  .intpage-ctasection {
    background-image: url('../images/heroCopyBackground.png');
    background-position: 50% 46%;
    background-size: 120% 118%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .intpage-ctasection.mobilemarginremoval {
    padding-left: 0;
  }
	
  .intpage-ctaCollection {
    max-width: 100%;
	  text-align: center;
  }

  .btnintcta {
    margin-top: 5px;
    margin-left: 0;
    font-size: 1.1rem;
	line-height: 1.7rem;
	margin-right: 0%;
	width: 19rem;
	background-repeat: no-repeat;
	background-size: 100%;
	height: 90px;
	padding-top: 28px;
  }

  .btnintcta.subherocta {
    margin-left: 0%; 
  }

  .intheroimage {
    max-width: none;
    margin-top: 0;
    margin-left: 8%;
  }

  .intihero {
    max-width: 100%;
    margin-top: 0;
  }
	
  .herocta.heroblogshift {
	padding: 0;
  }
	
  .heroblogimgplacement {
	max-width: 190%;
	margin-top: -30px;
	margin-left: -100px;
  }
	
  .btnherocta.subherocta.blogAdjust {
    margin-left: 1.25%;
    padding-top: 9.5%;
	width: 100%; 
	background-size: 100%;
	height: 5.5rem;
	background-repeat: no-repeat;
  }
	
  .herosupport.herosupportshift {
	margin-left: 5%;
  }
}


@media screen and (max-width: 395px) {
	
  /*.bgdcontentcircle {
    margin-left: -40%;
  }
	
  .main-container.intbordershadow {
    height: 85px;
  }
	
  .intcopyarea {
    padding-left: 2%;
    padding-right: 2%;
  }*/
	
  .btnintcta {
    margin-top: 5px;
    margin-left: 0;
  }
	
  .submit-button {
	margin-left: -2%;
  }
	
  
}

@font-face {
  font-family: 'Notosans Condensed';
  src: url('../fonts/NotoSans_Condensed-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans Condensed';
  src: url('../fonts/NotoSans_Condensed-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans Semicondensed';
  src: url('../fonts/NotoSans_SemiCondensed-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans Condensed';
  src: url('../fonts/NotoSans_Condensed-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans Semicondensed-ThinItalic';
  src: url('../fonts/NotoSans_SemiCondensed-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans SemiBold';
  src: url('../fonts/NotoSans-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans';
  src: url('../fonts/NotoSans-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans';
  src: url('../fonts/NotoSans-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans';
  src: url('../fonts/NotoSans-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans Semicondensed';
  src: url('../fonts/NotoSans_SemiCondensed-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans Extracondensed';
  src: url('../fonts/NotoSans_ExtraCondensed-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans Extracondensed';
  src: url('../fonts/NotoSans_ExtraCondensed-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans Semicondensed';
  src: url('../fonts/NotoSans_SemiCondensed-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans Semicondensed';
  src: url('../fonts/NotoSans_SemiCondensed-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans Semicondensed';
  src: url('../fonts/NotoSans_SemiCondensed-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans Semicondensed';
  src: url('../fonts/NotoSans_SemiCondensed-ExtraBold.ttf') format('truetype'), url('../fonts/NotoSans_SemiCondensed-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans Condensed';
  src: url('../fonts/NotoSans_Condensed-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans Condensed';
  src: url('../fonts/NotoSans_Condensed-ExtraBoldItalic.ttf') format('truetype'), url('../fonts/NotoSans_Condensed-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans Extracondensed';
  src: url('../fonts/NotoSans_ExtraCondensed-ExtraBoldItalic.ttf') format('truetype'), url('../fonts/NotoSans_ExtraCondensed-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans Semicondensed';
  src: url('../fonts/NotoSans_SemiCondensed-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans Condensed';
  src: url('../fonts/NotoSans_Condensed-ExtraBold.ttf') format('truetype'), url('../fonts/NotoSans_Condensed-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans Condensed';
  src: url('../fonts/NotoSans_Condensed-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans';
  src: url('../fonts/NotoSans-ExtraBold.ttf') format('truetype'), url('../fonts/NotoSans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans Semicondensed';
  src: url('../fonts/NotoSans_SemiCondensed-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans Extracondensed';
  src: url('../fonts/NotoSans_ExtraCondensed-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans Condensed';
  src: url('../fonts/NotoSans_Condensed-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans Condensed';
  src: url('../fonts/NotoSans_Condensed-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans Semicondensed';
  src: url('../fonts/NotoSans_SemiCondensed-ExtraBoldItalic.ttf') format('truetype'), url('../fonts/NotoSans_SemiCondensed-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans Extracondensed';
  src: url('../fonts/NotoSans_ExtraCondensed-ExtraBold.ttf') format('truetype'), url('../fonts/NotoSans_ExtraCondensed-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans';
  src: url('../fonts/NotoSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans Extracondensed';
  src: url('../fonts/NotoSans_ExtraCondensed-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans Semicondensed';
  src: url('../fonts/NotoSans_SemiCondensed-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans Extracondensed';
  src: url('../fonts/NotoSans_ExtraCondensed-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans Condensed';
  src: url('../fonts/NotoSans_Condensed-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans Extracondensed';
  src: url('../fonts/NotoSans_ExtraCondensed-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans';
  src: url('../fonts/NotoSans-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans Condensed';
  src: url('../fonts/NotoSans_Condensed-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans';
  src: url('../fonts/NotoSans-BoldItalic.ttf') format('truetype'), url('../fonts/NotoSans-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans';
  src: url('../fonts/NotoSans-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans Condensed';
  src: url('../fonts/NotoSans_Condensed-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans';
  src: url('../fonts/NotoSans-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans Extracondensed';
  src: url('../fonts/NotoSans_ExtraCondensed-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans';
  src: url('../fonts/NotoSans-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans Condensed';
  src: url('../fonts/NotoSans_Condensed-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans Semicondensed';
  src: url('../fonts/NotoSans_SemiCondensed-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans Extracondensed';
  src: url('../fonts/NotoSans_ExtraCondensed-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans Semicondensed';
  src: url('../fonts/NotoSans_SemiCondensed-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans Extracondensed';
  src: url('../fonts/NotoSans_ExtraCondensed-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans Condensed';
  src: url('../fonts/NotoSans_Condensed-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans Semicondensed';
  src: url('../fonts/NotoSans_SemiCondensed-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans Semicondensed';
  src: url('../fonts/NotoSans_SemiCondensed-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans Extracondensed';
  src: url('../fonts/NotoSans_ExtraCondensed-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans Extracondensed';
  src: url('../fonts/NotoSans_ExtraCondensed-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans Condensed';
  src: url('../fonts/NotoSans_Condensed-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans Extracondensed';
  src: url('../fonts/NotoSans_ExtraCondensed-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans Extracondensed';
  src: url('../fonts/NotoSans_ExtraCondensed-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans';
  src: url('../fonts/NotoSans-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans';
  src: url('../fonts/NotoSans-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans';
  src: url('../fonts/NotoSans-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans Semicondensed';
  src: url('../fonts/NotoSans_SemiCondensed-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans Condensed';
  src: url('../fonts/NotoSans_Condensed-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans';
  src: url('../fonts/NotoSans-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans';
  src: url('../fonts/NotoSans-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Notosans Extracondensed';
  src: url('../fonts/NotoSans_ExtraCondensed-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}