@import url("https://fonts.googleapis.com/css?family=Patua+One&display=swap");
@import url("https://fonts.cdnfonts.com/css/myriad-pro");
@import url("https://use.typekit.net/yrg5vcz.css");

.swiper-pagination-bullet {

  height: 24px;
  width: 24px;

}


@media (prefers-color-scheme: dark) {
  .isAPP .intro .container {
    background: rgba(0, 0, 0, 0.6);
  }

  .isAPP .intro h1.first,
  .isAPP .intro h1.second,
  .isAPP .intro p,
  .isAPP .btn-primary,
  .isAPP .feature .content-slider p,
  .isAPP .btn-default {
    color: #ffffff;
  }

  .isAPP .managersBlock a,
  .isAPP .organisationsBlock a {
    color: #ffffff;
    margin-top: 10px;
    display: inline-block;
  }

  .isAPP .howCanWeHelp {
    background: #000;
  }

  .isAPP .modal-content {
    background: #2e2e2e;
    color: #222222;
  }

  #emergency .modal-content {
    background: #383434;
    color: #ffffff;
  }

  #emergency .modal-content h1 {
    color: #ffffff;
  }

  .isAPP .workLife > .container,
  .isAPP .study > .container,
  .isAPP .apps > .container,
  .isAPP .why > .container {
    background: rgba(0, 0, 0, 0.3);
  }

  .isAPP .howToBlock {
    background: #0c5a57;
    padding: 30px 20px;
  }

  .isAPP .footer {
    display: none;
  }
}

.isAPP .footer,
html.isAPP .cisiLogo {
  display: none !important;
}

.isAPP .intro h1.first,
.isAPP .intro h1.second {
  font-weight: 600;
}

#infoAlert {
  display: none !important;
}

/* SF editor specific css to show modal popups in the editor */
.sfPageEditor .modal {
  display: block;
  position: relative;
}

.sfPageEditor .fade {
  opacity: 1;
}

.sfPageEditor .modal-lg {
  width: 100%;
}

.sfPageEditor .modal-dialog {
  transform: translate(0) !important;
}

.sfPageEditor .modal-content {
  box-shadow: none;
  border: 0px solid;
}

.sfPageEditor .modal-body {
  max-height: none !important;
}

.sfPageEditor .modal-footer {
  display: none;
}

img.cisiLogo {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 100px;
}
a {
  font-weight: bold;
}
.lSSlideOuter .lSPager.lSpg > li a {
  background-color: #b0b0b0;
}

.lSSlideOuter .lSPager.lSpg {
  margin-top: 30px !important;
}

.lslide p {
  margin-bottom: 10px;
}

.lSSlideOuter .lightSlider > *,
.lSSlideOuter .lSGallery li {
  padding: 0px 10px;
}

.lSSlideOuter .lightSlider,
.lSSlideOuter .lSPager {
  height: auto !important;
}

.feature {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.feature .content-slider p {
  color: #0086c2;
  padding: 10px;
  font-size: 14px;
  margin-top: 10px;
}

.lightSlider img {
  border-radius: 20px;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
}

.feature .lSAction > a {
  background-image: url(/cisiweb2/image/master/controls_dark.png);
  opacity: 1;
}

.feature .container {
  padding-bottom: 50px;
}

.feature .lSAction > .lSNext {
  right: 15px;
  top: 35% !important;
}

.feature .lSAction > .lSPrev {
  left: 15px;
  top: 35% !important;
}

#podcast .modal-content {
  background: #cceded;
}

body {
  font-weight: 500;
  font-size: 16px;
  line-height: normal;
  color: #00547a;
}

.container {
  padding: 60px 15px 70px;
}

.btn {
  border-radius: 200px;
  font-size: 14px;
  font-weight: 500;
  padding: 6px 30px;
}

.btn-primary {
  background: #0a938e;
  margin-bottom: 0px;
  margin-top: 15px;
  margin-left: 5px;
  margin-right: 5px;
  white-space: normal;
  box-shadow: 0 6px #01605c;
  position: relative;
  border: 0px solid;
}

.btn-default {
  background: #0086c2 !important;
  color: #fff;
  border-color: #0086c2 !important;
  margin-bottom: 0px;
  margin-top: 15px;
  margin-left: 5px;
  margin-right: 5px;
  white-space: normal;
  box-shadow: 0 6px #02618c;
  position: relative;
}

.btn-primary:hover {
  background: #11ada7;
  border-color: #11ada7;
  box-shadow: 0 4px #01807b;
  top: 2px;
}

.btn-primary:active,
.btn-primary:active:hover {
  background: #11ada7;
  border-color: #11ada7;
  box-shadow: 0 2px #01807b;
  top: 4px;
}

.btn-default:hover {
  background: #0086c2;
  border-color: #0086c2;
  color: #fff;
  box-shadow: 0 4px #02618c;
  top: 2px;
}

.btn-default:active,
.btn-default:active:hover {
  background: #0086c2;
  border-color: #0086c2;
  color: #fff;
  box-shadow: 0 2px #02618c;
  top: 4px;
}

p {
  margin: 0px;
}

h1,
h2,
h3,
h4 {
  font-family: "Patua One", cursive;
  margin-top: 0px;
}

h2 {
  font-size: 30px;
}

.modal-content {
  padding: 20px 20px 30px;
}

p.linkList {
  font-weight: 400;
  font-size: 16px;
}

.modal-content h1 {
  color: #0086c2;
}

p.linkList br {
  line-height: 35px;
}

p.linkList a {
  font-weight: 700;
  color: #004869;
}

.intro {
  background: url(/cisiweb2/image/mh/introbg2.jpg);
  background-size: cover;
  background-position: right bottom;
  background-repeat: no-repeat;
}

.intro.walkTheLine {
  background: url(/cisiweb2/image/mh/walktheline.jpg) !important;
}

.intro .container {
  padding-bottom: 70px;
  padding-top: 100px;
  padding-right: 15px;
  background: rgba(255, 255, 255, 0.8);
}

.intro h1.first {
  color: #0086c2;
  font-size: 40px;
  margin-bottom: 0px;
}

.intro.walkTheLine h1.first {
  color: #0e7885;
}

.intro.walkTheLine h2.second {
  color: #0e7885 !important;
  margin-top: 20px;
}

.intro.walkTheLine p {
  color: #0e7885;
}

.intro h1.second {
  color: #11ada7;
  margin-top: 0px;
  font-size: 36px;
}

.intro p {
  color: #0277ab;
  font-weight: 500;
}

.howCanWeHelp h2 {
  color: #0086c2;
}

.howCanWeHelp {
  background: #f1ede3;
  text-align: center;
}

.howCanWeHelp .btn {
  font-size: 14px;
  padding: 14px 30px;
  width: 100%;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  white-space: normal;
  position: relative;
}

.howCanWeHelp .btn:hover {
  box-shadow: 0 5px #01807b;
  top: 3px;
  background: #11ada7;
  border-color: #11ada7;
}

.howCanWeHelp .btn:active {
  box-shadow: 0 2px #01807b;
  top: 6px;
  background: #11ada7;
  border-color: #11ada7;
}

a#emergencyButton {
  background: #b32200;
  border-color: #b32200;
  box-shadow: 0 8px #500f00;
}

a#emergencyButton:hover {
  background: #b32200;
  border-color: #b32200;
  box-shadow: 0 5px #500f00;
  top: 3px;
}

.feature h2 {
  color: #0086c2;
}

.feature {
  text-align: center;
}

.workLife {
  background: url(/cisiweb2/image/mh/worklifebg2.jpg);
  background-size: cover;
  background-position: right bottom;
  text-align: center;
  background-repeat: no-repeat;
}

.workLife h2 {
  color: #11ada7;
}

.workLife .container {
  padding-left: 15px;
}

.neuroDiversity {
  background: url(/cisiweb2/image/mh/NDweek.jpg);
  background-size: cover;
  background-position: 5% bottom;
  text-align: center;
  background-repeat: no-repeat;
}

.neuroDiversity h2 {
  color: #d8326e;
  margin: 0;
  font-weight: 100;
}

.neuroDiversity p.yellowTxt {
  color: #d9b84d;
  font-size: 30px;
  font-weight: 100;
  font-family: "Patua One", cursive;
}

.neuroDiversity p.whiteTxt {
  color: white;
  font-size: 28px;
  margin-top: 5px;
}

.neuroDiversity .container {
  padding-left: 15px;
}

.howTo {
  text-align: center;
}

.howTo h2 {
  color: #11ada7;
  margin-bottom: 50px;
}

.howTo h3 {
  color: #0086c2;
}

.howToBlock {
  background: #f1ede3;
  padding: 45px 30px;
  margin-bottom: 30px;
}

.howTo .howToBlock {
  display: flex;
  align-items: center;
  justify-content: center;
}

.howTo p {
  font-weight: 400;
}

.study {
  background: url(/cisiweb2/image/mh/studybg.jpg);
  background-size: cover;
  background-position: right bottom;
  text-align: center;
}

.study .container {
  padding-left: 15px;
}

.study h2 {
  color: #0086c2;
}

.pioneers {
  text-align: center;
}

.why {
  background: url(/cisiweb2/image/mh/whybg2.jpg);
  background-size: cover;
  background-position: left bottom;
  text-align: center;
}

.why .container {
  padding-right: 15px;
}

.why h2 {
  color: #0086c2;
}

.why .statBlock {
  background: #11ada7;
  padding: 30px;
  margin-top: 30px;
  margin-bottom: 30px;
  color: #fff;
}

.why h4 {
  font-size: 30px;
}

/* apps */
.apps {
  background: url(/cisiweb2/image/mh/apps3.jpg);
  background-size: cover;
  background-position: left bottom;
  text-align: center;
}

.apps .container {
  padding-right: 15px;
}

#yoga div.modal-content {
  background: #6bcae1;
}

#mindfullness div.modal-content {
  background: #f8cfe4;
}

#physicalfitness div.modal-content {
  background: #fcb07d;
}

.managers {
  text-align: center;
}

.managers h2 {
  color: #11ada7;
}

.managers p {
  margin-bottom: 50px;
  line-height: 25px;
}

.managersBlock,
.organisationsBlock {
  font-weight: 400;
}

.managersBlock a,
.organisationsBlock a {
  font-weight: 700;
  color: #02618c;
}

.managersBlock a:hover,
.organisationsBlock a:hover {
  font-weight: 700;
  color: #0086c2;
}

.managersBlock br,
.organisationsBlock br {
  line-height: 35px;
}

.managersBlock p,
.organisationsBlock p {
  margin-bottom: 15px;
}

.managers h3 {
  color: #0086c2;
}

.Acknowledgements {
  text-align: center;
}

.Acknowledgements.article {
  text-align: left !important;
}

.Acknowledgements h2 {
  color: #11ada7;
}

.managers .howToBlock {
  text-align: left;
}

.managers .howToBlock h3 {
  text-align: center;
}

.footer {
  display: block;
  width: 100%;
  background: #11ada7;
  padding: 50px;
  text-align: center;
  color: #fff;
}

img.pioneerPicture {
  border-radius: 200px;
  width: 40%;
  margin-top: 50px;
  margin-bottom: 30px;
}

.pioneers h2 {
  color: #11ada7;
}

.lSSlideOuter {
  margin-top: 20px;
}

#excercise .modal-content {
  background-image: url(/cisiweb2/image/mh/excercisebg.jpg);
  background-size: cover;
  background-position: bottom left;
}

#relationships .modal-content {
  background-image: url(/cisiweb2/image/mh/relationshipsbg3.jpg);
  background-size: cover;
  background-position: bottom right;
}

#sleep .modal-content {
  background-image: url(/cisiweb2/image/mh/sleepbg2.jpg);
  background-size: cover;
  background-position: bottom right;
}

#food .modal-content {
  background-image: url(/cisiweb2/image/mh/foodbg2.jpg);
  background-size: cover;
  background-position: bottom right;
}

#mindfulness .modal-content {
  background-image: url(/cisiweb2/image/mh/mindfulnessbg2.jpg);
  background-size: cover;
  background-position: bottom right;
}

#worklife .modal-content {
  background-image: url(/cisiweb2/image/mh/worklifebgp4.jpg);
  background-size: cover;
  background-position: bottom right;
}

#navigate .modal-content {
  background-image: url(/cisiweb2/image/mh/navigatebg4.jpg);
  background-size: cover;
  background-position: bottom right;
}

#workload .modal-content {
  background-image: url(/cisiweb2/image/mh/workloadbg3.jpg);
  background-size: cover;
  background-position: bottom right;
}

#successContent .modal-content {
  background-image: url(/cisiweb2/image/mh/successbg.jpg);
  background-size: cover;
  background-position: bottom right;
}

#studyContent .modal-content {
  background-image: url(/cisiweb2/image/mh/studycontentbg3.jpg);
  background-size: cover;
  background-position: bottom right;
}

#stressContent .modal-content {
  background-image: url(/cisiweb2/image/mh/stressContentbg.jpg);
  background-size: cover;
  background-position: bottom right;
}

#anxiety .modal-content {
  background-image: url(/cisiweb2/image/mh/anxietybg.jpg);
  background-size: cover;
  background-position: bottom right;
}

#resilience .modal-content {
  background-image: url(/cisiweb2/image/mh/resiliancebg2.jpg);
  background-size: cover;
  background-position: bottom right;
}

#depression .modal-content {
  background-image: url(/cisiweb2/image/mh/depressionbg.jpg);
  background-size: cover;
  background-position: bottom right;
}

.footerLink {
  color: #fff;
  margin: 20px 10px;
  display: block;
  background: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.footerLink:hover {
  color: #baeeec;
}

img.footerCISILogo {
  width: 120px;
  float: none;
  margin: auto;
  display: block;
}

.emergencyNumbers {
  display: none;
}

#emergency .modal-content {
  font-weight: 400;
}
div.sf_cols.container_wrapper.neuroDBlock {
  background: url(/cisiweb2/image/mh/neuroD.jpg);
  background-size: cover;
  background-position: 0% 100% !important;
  background-repeat: no-repeat;
  margin-bottom: 50px;
  /* height: 60rem; */
}
.neuroDBlock .neuroBlock {
  padding: 100px 50px;
  display: flex;
  justify-content: center;
  text-align: center;
  color: white;
  flex-direction: column;
  align-items: center;
  gap: 8rem;
}
.neuroDBlock .neuroBlock .header {
  width: 74rem;
  margin-bottom: 45px;
}
.neuroDBlock .neuroBlock .header h1 {
  font-size: 50px;
}
.neuroDBlock .neuroBlock .header p {
  font-size: 30px;
  font-family: "Patua One", cursive;
}
.neuroDBlock .neuroBlock .btnBlock a {
  background: #ffffff;
  color: #060606;
  border-color: #000000;
  margin-bottom: 0px;
  margin-top: 15px;
  margin-left: 5px;
  margin-right: 5px;
  white-space: normal;
  box-shadow: 0 6px #431d69;
  position: relative;
}
@media (max-width: 800px) {
  .neuroDBlock .neuroBlock .header {
    width: unset;
  }
}
.sf_cols.container_wrapper.awarenessWrap {
  background: url(/cisiweb2/image/mh/MHbg.png);
  background-size: cover;
  background-position: 0% 100% !important;
  background-repeat: no-repeat;
}
.awarenessWrap .content {
  padding: 100px 50px;
}
.awarenessWrap .content .innerBlock {
  display: flex;
  align-items: center;
}
.awarenessWrap .content .innerBlock .subBlockRight {
  display: flex;
  gap: 50px;
}
.awarenessWrap .content .innerBlock .subBlockRight,
.awarenessWrap .content .innerBlock .subBlockLeft {
  width: 50%;
}
.awarenessWrap .content .innerBlock .subBlockLeft h2 {
  color: #000000;
  background-color: #d9d9d9b0;
  font-size: 25px;
  padding: 20px;
  border-radius: 20px;
  padding-top: 40px;
  font-family: "myriad-pro", sans-serif;
  font-weight: 700;
  display: inline-block;
}
.awarenessWrap .content .innerBlock .subBlockLeft {
  padding-left: 50px;
}
.awarenessWrap .content .innerBlock .subBlockRight .mhBlock {
  background: url(/cisiweb2/image/mh/yellowBG.png);
  background-size: cover;
  background-position: right bottom;
  background-repeat: no-repeat;
}
.awarenessWrap .content .innerBlock .subBlockRight .addBlock {
  background: url(/cisiweb2/image/mh/blueBG.png);
  background-size: cover;
  background-position: right bottom;
  background-repeat: no-repeat;
}
.awarenessWrap .content .innerBlock .subBlockRight .mhBlock,
.awarenessWrap .content .innerBlock .subBlockRight .addBlock {
  color: white;
  padding: 20px 30px;
  width: 500px;
  border-radius: 20px;
}
.awarenessWrap .content .innerBlock .subBlockRight .mhBlock .btn-primary {
  background-color: white;
  color: black;
  box-shadow: 0 6px #c49f28;
  border-color: #c49f28;
}
.awarenessWrap .content .innerBlock .subBlockRight .addBlock .btn-primary {
  background-color: white;
  color: black;
  box-shadow: 0 6px #253788;
  border-color: #253788;
}
.awarenessWrap .content .innerBlock .subBlockRight h2 {
  font-family: "myriad-pro", sans-serif;
  font-weight: 600;
  font-size: 40px;
}
.awarenessWrap .content .innerBlock .subBlockRight p {
  /* font-family: "myriad-pro", sans-serif; */
  font-weight: 600;
}
.awarenessWrap .content h2.boost {
  color: #e0b937;
  font-family: "myriad-pro", sans-serif;
  font-weight: 700;
  padding-left: 50px;
  font-size: 45px;
}
.logoBlock img {
  width: 130px;
}
.logoBlock {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 15px;
}
@media (max-width: 1600px) {
  .sf_cols.container_wrapper.awarenessWrap {
    background-position: unset !important;
  }
  .awarenessWrap .content .innerBlock .subBlockRight {
    gap: 35px;
  }
  .awarenessWrap .content .innerBlock .subBlockLeft {
    padding-left: unset;
  }
  .awarenessWrap .content h2.boost {
    padding-left: unset;
  }
}
@media (max-width: 1400px) {
  .awarenessWrap .content h2.boost {
    font-size: 35px;
  }
  .awarenessWrap .content .innerBlock .subBlockRight h2 {
    font-size: 35px;
  }
}
@media (max-width: 1300px) {
  .awarenessWrap .content .innerBlock .subBlockRight h2 {
    font-size: 30px;
  }
  .awarenessWrap .content .innerBlock .subBlockRight p {
    font-size: 16px;
  }
}
@media (max-width: 1100px) {
  .awarenessWrap .content .innerBlock .subBlockRight {
    width: 60%;
  }
  .awarenessWrap .content .innerBlock .subBlockLeft {
    width: 40%;
  }
  .awarenessWrap .content h2.boost {
    margin-top: 30px;
  }
}
@media (max-width: 900px) {
  .awarenessWrap .content h2.boost {
    text-align: center;
  }
  .awarenessWrap .content .innerBlock .subBlockRight,
  .awarenessWrap .content .innerBlock .subBlockLeft {
    width: 100%;
  }
  .awarenessWrap .content .innerBlock {
    flex-direction: column;
  }
  .logoBlock {
    justify-content: center;
  }
  .awarenessWrap .content .innerBlock .subBlockLeft {
    text-align: center;
  }
}
@media (max-width: 600px) {
  .awarenessWrap .content .innerBlock .subBlockRight .mhBlock,
  .awarenessWrap .content .innerBlock .subBlockRight .addBlock {
    width: 100%;
  }
  .awarenessWrap .content .innerBlock .subBlockRight {
    flex-direction: column;
  }
}
@media (min-width: 768px) {
  #excercise .modal-content {
    background-position: bottom right;
  }

  img.cisiLogo {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 190px;
  }

  .modal-content {
    padding: 30px 30px 40px;
  }

  .intro .container {
    padding-bottom: 60px;
    padding-top: 40px;
    padding-right: 40%;
    background: none;
  }

  .intro h1.first {
    font-size: 45px;
    margin-bottom: -15px;
  }

  .intro h1.second {
    font-size: 45px;
  }

  .workLife .container {
    padding-left: 35%;
  }

  .neuroDiversity .container {
    padding-left: 35%;
  }

  .intro {
    background-position: 75% bottom;
  }

  .why {
    background: url(/cisiweb2/image/mh/whybg2.jpg);
    background-size: cover;
    background-position: 85% bottom;
    text-align: center;
  }

  .why .container {
    padding-right: 15px;
  }

  .apps .container {
    padding-right: 25%;
  }

  .lSSlideOuter {
    margin-top: 0px;
  }

  .workLife {
    background-position: 15% bottom;
  }

  .study {
    background: url(/cisiweb2/image/mh/studybg.jpg);
    background-size: cover;
    background-position: 15% bottom;
    text-align: center;
  }

  .study .container {
    padding-left: 22%;
  }

  .why .container {
    padding-right: 24%;
  }
}

@media (min-width: 992px) {
  .intro.walkTheLine h1.first {
    color: #fff;
    text-shadow: 3px 3px 0px #0e7885, 4px 4px 0px #0e7885, 5px 5px 0px #0e7885,
      6px 6px 0px #0e7885;
  }

  .intro.walkTheLine h2.second {
    color: #fff !important;
    margin-top: 20px;
    text-shadow: 3px 3px 0px #0e7885;
  }

  .intro h1.first {
    font-size: 50px;
  }

  .intro h1.second {
    font-size: 50px;
  }

  .intro {
    background-position: right bottom;
  }

  .why {
    background-position: 80% bottom;
  }

  .why .container {
    padding-right: 28%;
  }

  .workLife {
    background-position: left bottom;
  }

  .lSSlideOuter {
    margin-top: -20px;
  }

  .modal-content {
    padding: 60px 50px 80px;
  }

  .footer {
    display: block;
    width: 100%;
    background: #11ada7;
    padding: 30px;
    text-align: right;
    color: #fff;
  }

  .footerLink {
    color: #fff;
    margin: 14px 10px;
    display: inline-block;
    background: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
  }

  img.footerCISILogo {
    width: 120px;
    float: left;
    display: block;
  }

  .footerLink {
    color: #fff;
    margin: 14px 10px;
    display: inline-block;
    background: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
  }
}

@media (min-width: 1280px) {
  .footer {
    display: block;
    width: 100%;
    background: #11ada7;
    padding: 50px;
    text-align: right;
    color: #fff;
  }

  .footerLink {
    color: #fff;
    margin: 14px 20px;
    display: inline-block;
    background: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
  }

  .intro .container {
    padding-bottom: 60px;
    padding-top: 40px;
    padding-right: 28%;
  }

  .intro h1.first {
    font-size: 60px;
  }

  .intro h1.second {
    font-size: 60px;
  }

  body {
    font-size: 18px;
  }

  .howCanWeHelp .btn {
    font-size: 18px;
  }

  h2 {
    font-size: 40px;
  }

  .btn {
    border-radius: 200px;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 50px;
  }

  .workLife .container {
    padding-left: 28%;
  }

  .neuroDiversity .container {
    padding-left: 28%;
  }

  .why {
    background: url(/cisiweb2/image/mh/whybg2.jpg);
    background-size: cover;
    background-position: right bottom;
    text-align: center;
  }

  .why .container {
    padding-right: 24%;
  }

  .howCanWeHelp .btn {
    font-size: 14px;
    padding: 14px 30px;
    width: 100%;
    margin-bottom: 20px;
    margin-left: 0px;
    margin-right: 0px;
    white-space: normal;
  }
}

@media (min-width: 1600px) {
  .intro .container {
    padding-bottom: 100px;
    padding-top: 80px;
    padding-right: 28%;
  }

  .intro h1.first {
    font-size: 70px;
  }

  .intro h1.second {
    font-size: 70px;
  }

  .workLife .container {
    padding-left: 22%;
  }

  .neuroDiversity .container {
    padding-left: 22%;
  }

  h2 {
    font-size: 50px;
  }

  .container {
    padding: 80px 15px 100px;
  }

  .pioneers {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }

  .managers {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }

  .Acknowledgements {
    margin-bottom: 50px !important;
  }

  .feature {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
    margin-left: 20px !important;
    margin-right: 20px !important;
  }

  .feature .container {
    padding-bottom: 30px;
  }

  .howTo {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }

  .why .container {
    padding-right: 18%;
  }

  .howCanWeHelp .btn {
    font-size: 18px;
    padding: 14px 30px;
    width: 100%;
    margin-bottom: 20px;
    margin-left: 0px;
    margin-right: 0px;
    white-space: normal;
  }
}

@media (min-width: 1700px) {
  .intro .container {
    padding-bottom: 100px;
    padding-top: 80px;
    padding-right: 24%;
  }

  .intro h1.first {
    font-size: 80px;
  }

  .intro h1.second {
    font-size: 80px;
  }

  h2 {
    font-size: 50px;
  }
}

.grif {
  width: 5vw !important;
  position: fixed;
  bottom: 15px;
  left: 15px;
  z-index: 10000;
}

@media (max-width: 1000px) {
  .grif {
    width: 15vw !important;
  }
}

@media (max-width: 768px) {
  .neuroDiversity {
    background-position: 10% bottom;
  }
}

@media (max-width: 500px) {
  .grif {
    width: 20vw !important;
  }

  .neuroDiversity {
    background-position: 35% bottom;
  }
}