@import url('https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200;0,300;0,400;0,600;0,700;1,400&display=swap');



body,
input,select,textarea,button,
div,span,p {
  font-family: 'Karla', Helvetica, sans-serif;
  font-weight: 400;
}

h1,h2,h3,h4,h5,h6 {
  font-family: 'Karla', sans-serif !important;
  font-weight: 700;  
}
.push { margin-bottom: 0; margin-top: .5rem; }
.push1 { margin-bottom: 0; margin-top: 1rem; }
.push2 { margin-bottom: 0; margin-top: 2rem; }
.push3 { margin-bottom: 0; margin-top: 3rem; }
.push4 { margin-bottom: 0; margin-top: 4rem; }
.push5 { margin-bottom: 0; margin-top: 5rem; }

h1 { font-size: 3rem; margin: 0;}
h2 { font-size: 2.5rem; margin: 0;}
h3 { font-size: 2rem; margin: 0;}
h4 { font-size: 1.6rem; margin: 0; }
.h1 { font-size: 3rem !important; margin: 0;}
.h2 { font-size: 2.5rem !important; margin: 0;}
.h3 { font-size: 2rem !important; margin: 0;}
.h4 { font-size: 1.6rem !important; margin: 0; }
p { font-size: 1rem; line-height: 1.5; }
.radius { border-radius: .5rem; }
.button { font-weight: 400; }
.lh1 {line-height: 1 !important;}

.desktop-menu {
  margin-top: 1.2rem;
  margin-bottom: 1.2rem;
  overflow: hidden;
}

.orange {
  color: #F99325;
}
.lightorange {
  color: #F99325;
}


.specialspacing {
  padding-top: 10rem;
  padding-bottom: 10rem;
  padding-right: 2.5rem;
  padding-left: 2.5rem;
}

.specialspacingfooter {
  padding-top: 6rem;
  padding-right: 2.5rem;
  padding-left: 2.5rem;  
}

.specialspacinghome {
  padding-top: 3rem;
  padding-bottom: 3rem;
  padding-right: 2.5rem;
  padding-left: 2.5rem;
}

.specialspacingmattress {
  padding-top: 3rem;
  padding-bottom: 1rem;
  padding-right: 1rem;
  padding-left: 1rem;
}

.sec1pest {
  background-color: #f6bd60;
}

.sec2pest {
 background-color: #f7ede2;
}

.sec3pest {
 background-color: #f5cac3;
}

.sec4pest {
 background-color: #84a59d;
}

.sec5pest {
 background-color: #f28482;
}

.sec6pest {
 background-color: #fed9b7;
}

.sec7pest {
 background-color: #b5c99a;
}

.sec8pest {
 background-color: #c89f9c;
}

.sec9pest {
 background-color: #89b0ae;
}

.sec10pest {
 background-color: #fbc4ab;
}




.sec1body {
 background-color: #ECC9C6;
}

.sec2body {
 background-color: #E8BEBA;
}

.sec3body {
 background-color: #E4B1AB;
}

.sec4body {
 background-color: #E4A4A0;
}

.sec5body {
 background-color: #E39695;
}

.sec6body {
 background-color: #DF7373;
}

.sec7body {
 background-color: #DD6463;
}

.sec8body {
 background-color: #DA5552;
}

.sec9body {
 background-color: #D34D4F;
}

.sec10body {
 background-color: #CC444B;
}



.sec1stain {
 background-color: #f2542d;
}

.sec2stain {
 background-color: #e9edc9;
}

.sec3stain {
 background-color: #7678ed;
}

.sec4stain {
 background-color: #ffd100;
}

.sec5stain {
 background-color: #f94144;
}

.sec6stain {
 background-color: #88d498;
}

.sec7stain {
 background-color: #8f2d56;
}

.sec8stain {
 background-color: #80ced7;
}

.sec9stain {
 background-color: #f17105;
}

.sec10stain {
 background-color: #CC444B;
}

.button.orange {
  background-color: #F99325;
  color: white;
  border-radius: 5px;
}

.button.orange:hover {
  background-color: #EF7E06;
  color: white;
  border-radius: 5px;
}
.mint {
  color: #20CDCD;
}

.button.buttontheme{
  background-color: #20CDCD;
  color: white;
  border-radius: 5px;
}

.button.buttontheme:hover{
  background-color: #F99325;
  color: white;
  border-radius: 5px;
}

.thicknumbers {
  font-family: Syne;
  font-weight: 600;
}
.gray {
  color: #F2F4F2;
}

.white {
  color: white;
}

.callout.smooththeme{
    border: .5rem;
    box-shadow: 0 0 4px 2px #F2F4F2;
    border-radius: 10px;
}

.callout.smooththeme2{
    border: .5rem;
    box-shadow: 0 0 4px 2px #1EBFBF;
    border-radius: 10px;
    padding: 3rem;
}

.thickertext {
  font-weight: 700;
}

section.sec3help {
  padding: 3rem;
}

.biggertext {
  font-size: 1.2rem;
}

.hugetext {
  font-size: 2rem;
}

.bigfoot {
  font-size: 4.5rem;
  font-weight: 700;
}

.lightblue {
  color: #D8EFE7;
}

.learny p {
  color: #385852;
  padding-bottom: 10px;
  border-bottom: 1px solid #F99325;
  line-height: 90%;
  width: 85px;
}

.minibigfoot {
  font-size: 2.5rem;
  font-weight: 700;
}

.chubbybigfoot {
    font-size: 3.5rem;
  font-weight: 700;
}

footer a {
  color: white;
}

footer a:hover {
  color: #778B92;
}

.thicktext {
  font-weight: 600;
}
.dimmed {
  color: #A9A9A9; 
}

.italic {
  font-style: italic;
}

.whitecolor {
  color: white;
}

.navyblue {
  color: #1D3557;
}

.secondary {
  color: #E63946;
}

.mobile-menu li a {
  color: black !important;
}

.mobile-menu {
  margin-bottom: .5rem;
}

.hanblue {
  color: #4671C6;
}

.homeopacity {
  background-color: rgba(199, 225, 229, 0.5);

}

.red {
  color: #E63946; 
}

section.sec2home {
 background-image: url("https://biznitos.imgix.net/suploads/3eb992ec-b3d3-4f89-a27a-ffa104d283ed.png");
 background-size: cover;
 padding: 5rem;
}

section.sec1help {
  background-color: #F6C48C;
}

section.sec7home {
  background-color: #9ce3d8;
  padding-bottom: 6rem;
}

section.sec8home {
   background-image: url("https://biznitos.imgix.net/suploads/3eb992ec-b3d3-4f89-a27a-ffa104d283ed.png");
  background-size: cover;
}

.signupbutton {
  padding-top: 12rem;
  
}

.button.coralpink {
  background-color: #FFA9A2;
  color: #627AE4;
}

.button.coralpink:hover {
  background-color: #FF8F85;
  color: #627AE4;
}

.button.redboy {
  background-color: #E63946;
  color: white;
}






.button.redboy:hover {
  background-color: #B72E2A;
  color: #F1FAEE;
}

.button.purplewhite {
  background-color:#627AE4;
  color: white;
}

.button.purplewhite:hover {
  background-color:#627AE4;
  color: white;
}







.topsec7 {
  background-image: url("https://biznitos.imgix.net/suploads/d08c8d84-68f8-4dc0-a197-8f40fe5cf3b9.png");
  background-size: cover;
  background-color: white;
  height:  420px;
}

.bottomsec7 {
  background-image: url("https://biznitos.imgix.net/suploads/9ca2a34f-ef19-45f0-afc2-b502ce956d63.png");
  background-size: cover;
  background-color: white;
  height:  350px;  
}


section.sec1home {
  background-image: url("https://biznitos.imgix.net/suploads/77eb245c-aae0-453e-a215-62c940c6a96a.jpg");
    background-size: cover;
    background-color: white;
    height: 100%;
    padding-top: 25rem;
    padding-bottom: 3rem;
}

section.sec5home {
    background-color: white;
    background-size: cover;
    padding-top: 6rem;
    padding-bottom: 3rem;
}

footer {
  width: 100%;
  background-color: #062323;
  color: #CCC;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.row {
  display: flex;
}



.column {
  flex: 50%;
  padding: 10px;
  height: 150px; 
}

.callout.parents {
  padding: 2rem;
  box-shadow: 0 0 4px 1px #E7E9E9;
  border: .5rem;
}

.callout.questionbox {
  box-shadow: 0 0 4px 1px #ADD7D4;
  border: .5rem;
}

.sec4home {
  padding-top: 1rem;
  padding-bottom: 3rem;
  background-color: #C0E0DE;
  
}

  .questions .accordion {
    margin-top: 1.2rem;
    border-radius: 0.5rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  
  .questions a {
    font-size: 1rem;
    color: black;
  }
  
   .questions a:hover {
    font-size: 1rem;
    color: black;
  }
  
  .questions p {
    margin-top: .5rem;  
  }

.sec9home {
  background-color: #C0E0DE;
}
.ctaalign {
  padding-top: 15rem;
}

.sec1form {
  background-color: #5C9A99;
}

 .callout.coursecallout {
    border: .5rem;
    box-shadow: 0 19px 38px #F2F4F2, 0 15px 12px  #F2F4F2;
    padding: 2rem;
  }
  
  .callout.coursecallout:hover {
    box-shadow: 0 19px 38px #D5E7EE, 0 15px 12px  #D5E7EE;
    border: .5rem;
    transition-duration: 0.4s;
  }
  
  .callout.coursecallout img {
    border-radius: 20px;
  }
  
  .sec6home {
    background-color: white; 
    padding: 6rem;
  }
  
    .mobiletext {
    font-size: 1.5rem;
    line-height: 1.4;
  }
    
  


/* ---------------------- Small Screens --------------------- */

@media screen and (max-width: 39.9375em) {
  
 section.sec1home {
    background-color: #E63946;
    background-size: cover;
    height: 300px;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  section.sec1home .grid-container {
    margin-top: 3rem;
  }
  
  .signupbutton {
    padding-top: 0rem;
  }
  
  .callout.smooththeme {
      border-radius: 10px;
  }

  .questions .accordion {
    margin-top: 1.2rem;
    border-radius: 0.5rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  
  .questions a {
    font-size: 1rem;
    color: black;
  }
  
  .questions p {
    margin-top: .5rem;  
  }
  
  
  section.sec2home {
   background-color: white;
   padding: 2rem;
  }
  
  .row {
    display: flex;
  }
  
  .column {
    flex: 50%;
    padding: 10px;
    height: 250px;
    max-width: 250px;
  }
  
  .shove {
    margin-top: 1.2rem;
  }
  
  .bigshove {
    padding-top: 10rem;
  }
  
  .mobiletext {
    font-size: 1.1rem;
    line-height: 1.4;
  }
  
  .mobilebiggerfont {
    font-size: 1.4rem;
  }
  
  .mobilefaqfont {
    font-size: 1.5rem;
  }
  
  .specialspacingmobile {
    padding-top: 3rem;
    padding-bottom: 3rem;
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }
  
  .hugeshove {
    margin-top: 8rem;
  }

}