body {
  margin-top: 60px;
  font-family: proxima-nova, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.entryHed a {
    color: #10867D;
}
.entryPara a {
    color: #F47000;
    font-weight: 700;
}
a {
  color: #F47000;
}

#hamburger {
  display: none;
}

#bottomRow {
  padding-bottom: 5rem;
  max-width: 1200px;
}

.switch label .lever:after {
  background-color: #DE671D !important;
}
.switch label input[type=checkbox]:checked + .lever:after {
    background-color: #10867D !important;
}

#logoMark {
  font-family: proxima-nova, sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  color: #F47000 !important;
  font-size: 1.4rem;
  padding: 1rem 2rem;
}
h1 {
  font-family: proxima-nova, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 2.4rem;
  text-align: center;
  margin-bottom: .5rem;
  color: white;
}
h2 {
  font-family: proxima-nova, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.6rem;
  text-align: center;
  margin-top: 0;
  color: #FDAD68;
}
#introTextBold {
  color: white;
  font-family: proxima-nova, sans-serif;
  font-weight: 600 !important;
  font-style: normal;
  font-size: 1.1rem !important;
  text-align: center;
  max-width: 650px;
  margin: auto;
}

nav {
  line-height: normal !important;
  z-index: 5 !important;
  position: fixed;
  height: 60px !important;
  color: #000;
  background-color: white;
  margin-top: -60px;
  border-bottom: 4px solid #B0D5CC;
}
nav ul a {
  padding: 1.3rem 15px;
  color: #000;
  height: 60px;
}
ul#nav-mobile {
  padding-right: 3rem;
}

.infoCard {
  height: 15rem;
}
.infoCardTitle {
  font-family: proxima-nova, sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #F47000;
  font-size: 1.4rem;
  padding: 0rem 2rem;
}
.inforCardText {
  font-family: proxima-nova, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #1A1A1A;
  padding: .5rem 2rem 2rem 2rem;
}


#selectContainer {
  background-color: white;
  padding: 2rem 6rem;
  max-width: 700px;
  margin: auto;
}
#selectStateText {
  text-align: left;
  font-family: proxima-nova, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.3rem;
  color: #F47000;
}
div#start-button {

}
#stateTitle {
  font-size: 2.4rem;
  font-weight: 700;
  padding-top: .5rem;
}
#container1li {
  border-top: .5rem solid white;
}
#emptyRow {
  margin: 0px !important;
}
#logoCont {
  max-width: 1200px;
}
#readMoreText {
  display: inline-block;
  font-style: italic;
  line-height: 1rem;
  font-size: .9rem;
  padding-left: 0rem;
  padding-right: .5rem;
}
#readMoreChevrons {
  height: 1.5rem;
  width: 1.5rem;
  background-image: url("../images/chevrons.png");
  background-repeat: no-repeat;
  background-position: top;
  background-size: contain;
  display: inline-block;
  margin-bottom: -.5rem;
}
#readMoreContainer {
  /*margin-top: -5rem;*/
  margin-left: 0rem;
  padding-left: 5.6rem;
  display: none;
  margin-top: 1rem;
}
#errorMessage {
  display: none;
  color: #f32727;
  padding-left: 1rem;
}

.side-nav {
   position: fixed;
   width: 300px;
   left: 0;
   top: 0;
   margin: 0;
   -webkit-transform: translateX(-100%);
   transform: translateX(-100%);
   height: 100%;
   height: calc(100% + 60px);
   height: -moz-calc(100%);
   padding-bottom: 60px;
   background-image: url("../images/toys.png");
   background-repeat: no-repeat;
   background-position: top;
   background-size: cover;
   z-index: 2;
   overflow-y: auto;
   will-change: transform;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   -webkit-transform: translateX(-105%);
   transform: translateX(-105%);
}

#page-footer {
  background-color: #10867D;
  z-index: 5;
  position: fixed;
}
.rightFooter {
  padding-right: 2rem;
}
.rightFooter a {
  padding-right: 1rem;
}
#footer-copyright {
  background-color: #10867D;
}
#footer-copyright a {
  color: white !important;
}
.orangeText {
  color: #F47000;
}
.boldOrange {
  font-weight: 700;
  color: #F47000;
}

/* ABOUT PAGE */
#childImg {
  background-image: url("../images/child.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  height: 30rem;
  width: 100%;
}
#learningImg {
  background-image: url("../images/learning.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  height: 20rem;
  width: 100%;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
#aboutHeader {
  margin-top: 1rem;
  padding: 5rem 3rem 0rem 3rem;
  font-size: 2rem;
  font-weight: 700;
}
#aboutText {
  padding: 0rem 3rem 1rem 3rem;
}
#columnLeft {
  padding-left: 0rem;
}

/* TAKE ACTION PAGE */

#petitionFrame {
  width: 60vw;
  margin: auto;
  background-color: white;
  margin-bottom: 6rem;
}
#takeactionbackground {
  background-image: url("../images/classroom-fade.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding-top: 5rem;
  display: grid;
}
.takeactionBold {
  font-weight: 700;
}
#takeactioncta {
  display: block;
  background-color: #10867D;
  margin-top: 2rem;
  margin-bottom: 5rem;
}
#takeactionP1 {
  padding: 4rem 15% 1rem;
  color: white;
  text-align: center;
}
#takeactionP2 {
  padding: 0rem 15% 1rem;
  margin-bottom: 2rem;
  color: white;
  text-align: center;
}
#takeactionBtn {
  background-color: #F47000;
  margin: auto;
  color: white;
  text-transform: uppercase;
  width: 13rem;
  text-align: center;
  margin-bottom: 3rem;
}
#takeactionBtnText {
  padding: 1rem 2rem;
  font-weight: 700;
}

/* LEARN MORE PAGE */
#learnMoreBg {
  background-image: url("../images/smiling-teacher.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  height: 40rem;
  width: 100%;
  padding: 5rem;
}
#learnMoreHed {
  font-size: 2rem;
  color: white;
  text-transform: uppercase;
  padding-bottom: .5rem;
  font-weight: 700;
}
#learnMoreText {
  color: white;
}
.entryHed {
  font-size: 1.1rem;
  text-decoration: underline;
  color: #10867D;
  font-weight: 600;
}
.entryTop {
  padding: 2rem 3rem;
  background-color: #F8F8F8;
}
.entryBottom {
  margin-top: .5rem;
  margin-bottom: 3rem;
}
#learnColRight {
  padding: 4rem;
}
#learnColLeft {
  padding-left: 0rem;
}
#faqBtn {
  background-color: #F47000;
  border: 2px solid #F47000;
  color: white;
  text-decoration: none;
  padding: 1rem;
  text-align: center;
  font-weight: 700;
}
#calcBtn {
  background-color: white;
  border: 2px solid #F47000;
  color: #F47000;
  text-decoration: none;
  padding: 1rem;
  text-align: center;
  text-transform: uppercase;
  margin-left: .5rem;
  margin-right: -.5rem;
  font-weight: 700;
}
#faqBtn a {
  color: white;
}
#calcBtn a {
  color: #F47000;
}

/* FAQS PAGE */

#faqbackground {
  background-image: url("../images/childrenatplay.png");
  background-position: top left;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
  padding: 5rem;
}
#faqContainer {
  width: 70%;
  margin: auto;
  background-color: white;
  padding: 4rem;
  max-width: 800px;
}
#faqHeader {
  font-size: 2rem;
  color: #F47000;
  font-weight: 700;
  padding-bottom: 1rem;
}
.faqTitle {
  font-weight: 700;
  padding-bottom: .5rem;
}
.faqPara {
  padding-bottom: 2rem;
}


/* ACCORDION START */

#containerbtn1 {
  width: 100%;
  border-top: 0px !important;
}

#btn1 {
  height: 70px;
  width: 70px;
  background-repeat: no-repeat;
  background-size: contain !important;
  padding: 0px;
  display: inline-block;
  float: left;
}

#reset1 {
  float: left;

}

#monthlyTotalTop {
  font-size: 1.5em;
  color: #1A1A1A;
  margin-bottom: .7rem;
  padding-right: 20px;
  display: inline-block;
  font-weight: 500;
  font-family: proxima-nova, sans-serif;
  font-weight: 700;
  font-style: normal;
  padding-top: .5rem;
  float: left;
}


#btn1title {
  margin-top: 1rem;
}

#btn1switch {
  margin-top: 1em;
}

#accordionContainer {
  background-color: #C2E1DB;
  margin-top: 1rem;
}

.calcHeader {
  font-size: 14px;
}

.accContainerBtn {
  width: 100% !important;
  pointer-events: none;
}

.accBtn {
  height: 70px;
  width: 70px !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  padding: 0px;
  display: inline-block;
  float: left;
  pointer-events: all;
}

.accReset {
  float: left;
  margin-top: 1.7em;
  margin-left: 1.2em;
}

.accBtnTitle {
  margin-top: 1rem;
  color: 	rgba(48,48,48, .9);
  font-size: 1em;
  font-weight: 400;
}

.lever {
  pointer-events: all;
}

.accBtnSwitch {
  margin-top: 1em;
  pointer-events: none;
}


.iconBtnContainer {
  text-align: left !important;
  background-color: #F7F7F7 !important;
  width: 11.1%;
  display: inline-block;
  padding: 1px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top: .3rem solid white;
}

.collapsible-body {
  color: 	white;
  font-size: 1.1em;
    font-weight: 300;
}

.collapsible {
    border-top: 0px solid #ddd;
    border-right: 0px solid #ddd;
    border-left: 0px solid #ddd;
    margin: 0rem 0 0rem 0;
}

.accBtnChevron {
  width: 20px;
  float: right;
  height: 30px;
  padding: 10px;
  padding-right: 20px;
  margin-top: 20px;
  margin-right: 5px;
  pointer-events: all !important;
  pointer-events: all;
  background-size: contain;
  background-repeat: no-repeat;
}

#introTextBold {
  font-size: 22px;
  font-weight: 300;
}

#accordionContainer {
  padding: 0px;
  margin-right: 0em;
  margin-top: 1rem;
}

.containerli {
  pointer-events: none;
}



.chevUp {
background-image: url("../images/backBtnDown.png");
}

.chevDown {
background-image: url("../images/backBtnDown.png");
}

/*
.z-depth-1, nav, .card-panel, .card, .toast, .btn, .btn-large, .btn-floating, .dropdown-content, .collapsible, .side-nav {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
*/

/* ACCORDION END */




.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
	font-size: inherit;
}

body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  background-color: white;
}

main {
  flex: 1 0 auto;
}

nav {
  height: auto;
  line-height: normal !important;
}

h5 {
  font-size: 1.34rem;
}

.dropLayer {
  position: absolute;
  height: inherit;
  width: inherit;
  background-size: contain;
  background-repeat: no-repeat !important;
  background-position: left;
  /* transition: all .1s ease-in-out; */
}

.page-footer {
  padding-top: 0px;
  color: #fff;
  background-color: #10867D;

  width: 100%;
  bottom: 0;
}

.header {
  padding-top: .5em;
}

.sub-header {
  font-size: 12px;
  padding-bottom: .3em;
}

.selectBtn{
  margin-bottom: -20px;
}

.input-field {
  margin-top: -.5rem;
}

.preSchoolBtn {
  margin-top: .3rem;
}

.btn {
  margin-top: .3rem;
}

.row {
  margin-bottom: 10px;
}

.iconBtn {

  width: 100%;
      z-index: 5;
}

.collapsible-body {
    border-top: 1px solid rgb(242, 239, 121);
}

.dropZone {
  margin: 1%;
  height: 50vh;
  background: transparent !important;
  padding: 0px !important;
  border: none;
}

.ui-widget-header {
  background: white !important;
  border: 0px !important;
}

.ui-widget-content {

}

.ui-state-highlight {
  border: none !important;
}

.activeColor {
  background-color: transparent;
}

.inactiveColor {
  background-color: transparent;
}

.onactiveColor {
  background: ##ACCC5E;
}

.containerTitle {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 3px;
  font-size: 11px;
  color: black;
  font-weight: 400;
  background-color: #ACCC5E;
  border-radius: 7px;
  width: 100%;
}

.teal {
  background-color: #F47000 !important;
}

table#costTable.col.s12 tbody tr {
  line-height: 1rem;
}

i.reset.waves-effect.waves-light.btn.waves-input-wrapper {
  color: white;
  background-color: #F2EF79;
  font-weight: 400;
}

.resetIconBtn {
  background-image: url("../images/xBtn.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-color: transparent !important;
  border: 0px !important;
  margin-top: 10px;
  margin-bottom: -5px;
  padding: 10px;
}

.calcDefault {
  color: rgba(255,255,255,.7);
    font-weight: 300;
}

.calcPercent {
  color: rgba(255,255,255,.7);
    font-weight: 300;
}

.resetIconBtn:focus, input:focus{
    outline: none;
}

input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {
  outline: none !important;
}

.inactiveColor {
  background-color: blue;
}

.ui-widget-content {
    border: 0px solid #aaaaaa !important;
    background-color: transparent !important;
    color: #222222;
}

.switch label .lever {
  margin: 0 3px !important;
}

.accBtnSwitch {
  width: 110px !important;
}

.share-btn {
  background-color: rgba(0,79,132,1);
  display: block;
  margin: auto;
  margin-bottom: 10px;
  color: rgba(0,79,132,1);
  background-color: #F2EF79;
}

.share-btn:hover {
  background-color: #F2EF79;
}

.share-btn a {
  color: rgba(0,79,132,1);
}

#twitter-icon {
  height: 100%;
  width: 26px;
  background-image: url(../images/twitter.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

#facebook-icon {
  height: 100%;
  width: 26px;
  background-image: url(../images/facebook.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

#nextSteps {
  padding: 20px;
  font-size: 2em;
  font-weight: 300;
}

#nextStepsCont {
  background: #F2EF79 !important;
}

#returnToBrief {
  font-weight: bold !important;
}

.nextBtn {
  background-color: #2bbbad !important;
  font-weight: bold;
}

#topRow {
  border-bottom: solid .1px white;
  max-width: 1200px;
  padding-top: 1rem;
}



#explainBox {
  background-color: #F2EF79;
  padding-top: 10px;
  border-radius: 5px;
  text-align: left;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 16px;
  font-family: roboto;
  font-weight: 400;
  margin-top: -20px;
  color: #004F84;
}

#costHeader {
  font-size: 1.5rem;
  color: #F2EF79;
  font-weight: 500;
}

#costTable {
  font-size: 1rem;
  font-weight: 400;
  color: white;
  font-size: 1.1rem;
  margin-bottom: 20px;
}

#costBreakdown {
  border: none !important;
  padding-top: 10px;
  border-radius: 5px;
  text-align: left;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
  background-color: rgba(0,79,132,.8);
  margin-bottom: 20px;
  margin-right: 0em;
}

#nextStepsCenter {
  float: none;
}

h5 {
  color: #004F84;
}

#selectBtn {
  background-color: #004F84 ;
}

#monthlyTotal {
  color: #F2EF79;
  font-size: 1.9rem;
  font-weight: 500;
  float: left;
}

#introParagraph {
  width: 90%;
    margin: auto;
    font-size: 16px;
    color: #004F84;
    padding-bottom: 20px;
    margin-top: 10rem;
}

.ageBtn {
  background-color: #F7F7F7;
  border: 1px solid #F47000;
  color: #1A1A1A;
  text-transform: initial;
  float: right;
}


.ageActiveColor {
  background-color: #F47000 !important;
  color: white;
  text-transform: initial;
  font-weight: 700;
}

.btn:hover, .btn-large:hover {
  background-color: #EF9448;
}
.btn, .btn-large, .btn-flat {
  height: auto !important;
  line-height: 1.3rem !important;
  padding: .5rem .9rem;
}
.ageBtn {
  font-size: .9rem;
}
#or-text {
  display: inline-block;
  float: right;
  padding: 1.3rem .5rem;
}
#toddler-button {
  margin-left: .5rem;
  margin-right: .5rem;
}

#explainBox {
  width: 100%;
}

#buttonsRow {
  padding-top: 0px;
}

#dropZone {
  background-size: contain;
}

#index-banner {
  background-color: transparent !important;
  background-size: cover;
  padding-top: 0px;
}


#layerbtn1 {
  background-image: url("../images/final/bgSmall2_2021.png");
}
/*
#layerbtn2 {
  background-image: url("../images/benefitsSmall.png");
}
#layerbtn3 {
  background-image: url("../images/bgLarge.png");
}
#layerbtn4 {
  background-image: url("../images/benefitsLarge.png");
}
#layerbtn5 {
  background-image: url("../images/final/materialsDefault2.png");
}
#layerbtn6 {
  background-image: url("../images/materialsBestLarge.png");
}
#layerbtn7 {
  background-image: url("../images/final/childrenLarge.png");
}
*/
#layerbtn8 {
  background-image: url("../images/final/planningDefault2_2021.png");
}
/*
#layerbtn9 {
  background-image: url("../images/planningBestLarge.png");
}
*/
#layerbtn10 {
  background-image: url("../images/final/teacherDefault2_2021.png");
}
/*
#layerbtn11 {
  background-image: url("../images/teacherBetterLarge.png");
}
#layerbtn12 {
  background-image: url("../images/teacherBestLarge.png");
}
#layerbtn13 {
  background-image: url("../images/final/childrenInfantDefault2.png");
}
#layerbtn14 {
  background-image: url("../images/healthLarge.png");
}
*/
#userSelections {
  padding-top: 20px;
  text-align: right;
}
#backBtn {
  float: right;
}
#backChev {
  /*background-image: url("../images/backBtn.png");*/
  background-size: contain;
  background-repeat: no-repeat;
  width: 40px;
  cursor: pointer;
  font-family: proxima-nova, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.3rem;
  color: #1a1a1a;
  margin-right: .5rem;
}
#returnToBrief {
  background-color: #2bbbad;
  font-weight: 400;
}
.selectionsText {
  font-size: .8em;
  color: black;
  font-weight: 300;
  text-transform: uppercase;
  font-family: proxima-nova, sans-serif;
  font-weight: 500;
  font-style: normal;
}
#sidenav-overlay {
  opacity: 0 !important;
  pointer-events: none;
}
#slide-out {
  width: 100%;
}
#errorBox {
  padding-top: 15px;
  color: darkred;
}
.row .col.s3 {
    width: 25%;
    margin-left: auto;
    margin-bottom: 10px !important;
    left: auto;
    right: auto;
}
#resetRow {
  margin-top: 10px;
  margin-bottom: -5px;
}
.ageBtnMobile {
  display: none;
}
.orMobile {
  display: none;
}
#mobileDivider {
  display: none;
}

@media only screen and (min-width: 993px) {

  .row .col.l7 {
      width: 55.3333333333%;
      margin-left: auto;
      left: auto;
      right: auto;
  }
  #nextStepsCont {
    padding-bottom: 50px;
    padding-top: 20px;
    margin-bottom: 30px;
  }
  #resetAll {
    color: #1A1A1A;
    background-color: white;
    border: 2px solid #617F77;
    padding: .6rem 1.2rem .4rem 1.2rem;
    float: right;
  }

}

@media only screen and (max-width: 992px) {
  #dropZone {
    display: none;
  }
  #readMoreContainer {
    display: none !important;
  }
  #selectContainer {
    padding: 1rem 1rem !important;
  }
  .ageBtn {
    font-size: .7rem !important;
  }
  .btn, .btn-large, .btn-flat {
    padding: .3rem .5rem !important;
  }
  #errorMessage {
    padding-left: 2rem;
    padding-top: 1rem;
  }
  #monthlyTotalTop {
    font-size: 1.2em !important;
    padding-right: 5px;
  }
  #learningImg {
    display: none;
  }
  #childImg {
    display: none;
  }
  #aboutHeader {
    padding: 1rem 2rem 0rem 2rem !important;
    font-size: 1.6rem;
  }
  #aboutText {
    padding: 0rem 2rem 5rem 2rem !important;
  }
  nav .brand-logo {
      left: 26%;
  }
  nav {
    height: 50px !important;
  }
  #faqbackground {
    padding: 3rem 2rem;
    margin-top: -12px;
  }
  #faqContainer {
    padding: 1.5rem;
    margin-bottom: 4rem;
    width: 100%;
  }
  #logoMark {
    font-size: 1.2rem;
    padding: .8rem 1.2rem;
  }
  #hamburger {
    display: inline-block !important;
    color: black;
    float: right;
    padding-right: 1.5rem;
    margin-top: -.3rem;
  }
  #modal1 {
    top: 0% !important;
    width: 100%;
    height: 100vh;
    background-color: rgba(255, 255, 255, 1);
    max-height: 100%;
  }
  .mobileMenu {
    display: block;
    text-align: center;
    font-size: 2rem;
    padding-bottom: 3rem;
    font-weight: 700;
  }
  #mobileNav {
    padding: .5rem;
  }
  #navX {
    font-size: 3rem;
    color: #F47000;
  }
  #menuLogoMark {
    display: inline-block;
    font-size: 1.2rem;
    padding: .3rem 1rem;
    font-weight: 700;
  }
  #mobileX {
    display: inline-block;
    float: right;
  }
  #mobileHeader {
    margin-bottom: 10rem;
  }
}

@media screen and (max-width: 990px) {

  h1 {
    text-align: left;
  }
  h2 {
    text-align: left;
  }
  #introTextBold {
    text-align: left;
  }
  #selectStateText {
    padding-left: 1.5rem;
  }
  #autocomplete-input {
    width: 90% !important;
    margin-left: 1rem !important;
  }
  #autocomplete-label {
    width: 90% !important;
    margin-left: 1rem !important;
  }
  #start-button {
    width: 90%;
    margin: auto;
    margin-left: 1rem !important;
    padding: .6rem !important;
  }
  #startCheck {
    float: none !important;
    position: absolute;
    margin-left: -2rem;
    line-height: 1rem;
  }
  .page-footer .footer-copyright {
    display: block;
    text-align: center;
  }
  #leftFooter {
    width: 100%;
  }
  #prek-button {
    padding: 0.3rem .5rem !important;
  }
  #toddler-button {
    padding: 0.3rem .5rem !important;
  }
  #infant-button {
    padding: 0.3rem .5rem !important;
  }
  #buttonsRowTwo {
    display: block;
  }
  .ageBtnMobile {
    display: inline-block;
    float: none;
  }
  .ageBtnDesktop {

  }
  .orMobile {
    display: inline-block !important;
    float: none !important;
  }
  .orDesktop {

  }
  #mobileDivider {
    float: right;
    display: block;
  }
  .infoCard {
    height: auto;
  }
  #topRow {
    padding-top: 0rem;
  }
  #bottomRow {
    padding-top: 1rem;
  }
  #petitionFrame {
    width: 90%;
  }
  .dropZone {
   height: 42vh;
  }
  #learnColLeft {
    padding-right: 0rem;
    margin-top: -12px;
  }
  #takeactionbackground {
    margin-top: -12px;
  }
  #calcBtn {
    margin-left: 0rem;
    margin-top: .5rem;
    margin-bottom: 2rem;
  }
  #slide-out-container {
    height: 120vh;
  }
  #resetAll {
   color: #1A1A1A;
   background-color: white;
   border: 2px solid #617F77;
   padding: .6rem 1.2rem .4rem 1.2rem;
   float: right;
  }
  .nextBtnCont {
     margin-bottom: 10px;
  }
  #introParagraph {
   font-size: 10px !important;
  }
  #introTextBold {
   font-size: 12px;
  }
  .collapsible-body {
   font-size: .8rem;
  }
  .accBtnTitle{
   font-size: .8rem;
  }
  .accBtn {
   height: 60px !important;
   width: 60px !important;
  }
  #logoCont {
   margin-bottom: 0px !important;
   padding-bottom: 0px !important;
  }
  #introParagraph {
   margin-top: 5rem !important;
  }


}