#mLogoContainer {
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

#8rC {
  width: 50%;
}

#8rtextReasons {
  width: 100%;
  text-align: left;
  display: flex;
}

@media (min-width: 300px) {
  #888reasons {
    display: flex;
  }
}

#888 {
  width: 100%;
  height: auto;
}

header.masthead {
  position: relative;
  width: 100%;
  padding-top: 0px;
  padding-bottom: 100px;
  color: #fff;
  background: #7b4397;
  background: linear-gradient(to left, #7b4397, #dc2430);
}

@media (max-width: 575px) and (min-width: 200px) {
  #why {
    background: -webkit-linear-gradient(top,#3b5269,#193251);
    height: 18vw;
    color: white;
    font-size: 2em;
    font-weight: normal;
    font-style: normal;
    /*text-align: center;*/
    /*margin: 1rem;*/
    margin-left: 0;
    /*margin-right: 0;*/
    box-shadow: inset 4px 0px 10px 0px rgba(0,0,0,0.41);
    /*padding-left: 1em;*/
    text-align: center;
  }
}

@media (min-width: 576px) {
  #why {
    background: -webkit-linear-gradient(top,#3b5269,#193251);
    height: 20vw;
    color: white;
    font-size: 1.5em;
    font-weight: normal;
    font-style: normal;
    text-align: left;
    margin: 1rem;
    margin-left: 0em;
    margin-right: 0px;
    box-shadow: inset 4px 0px 10px 0px rgba(0,0,0,0.41);
    padding-left: 1em;
  }
}

@media (min-width: 1400px) {
  #why {
    background: -webkit-linear-gradient(top,#3b5269,#193251);
    height: 7vw;
    color: white;
    font-size: 2rem;
    font-weight: normal;
    font-style: normal;
    text-align: left;
    margin-left: 0em;
    box-shadow: inset 4px 0px 10px 0px rgba(0,0,0,0.41);
  }
}

#num02 {
  align-content: center;
  vertical-align: middle;
}

@media (max-width: 575px) {
  #cont01 {
    box-shadow: inset 0px 5px 5px rgba(0, 0, 0, 0.3);
    background: -webkit-linear-gradient(top,#7ca05a,#5c7641);
    height: 200px;
  }
}

@media (min-width: 576px) {
  #cont01 {
    box-shadow: inset 0px 5px 5px rgba(0, 0, 0, 0.3);
    background: -webkit-linear-gradient(top,#7ca05a,#5c7641);
    height: auto;
    width: 100%;
  }
}

@media (max-width: 575px) {
  #cont02 {
    box-shadow: inset 0px 2px 1px rgba(0, 0, 0, 0.3);
    background: -webkit-linear-gradient(top,#a05e5a,#673835);
    height: 200px;
  }
}

@media (min-width: 576px) {
  #cont02 {
    box-shadow: inset 0px 2px 1px rgba(0, 0, 0, 0.3);
    background: -webkit-linear-gradient(top,#a05e5a,#673835);
  }
}

@media (max-width: 575px) {
  #cont03 {
    box-shadow: inset 0px 2px 1px rgba(0, 0, 0, 0.3);
    background: -webkit-linear-gradient(top,#ff5c00,#a23a00);
    height: 200px;
  }
}

@media (min-width: 576px) {
  #cont03 {
    box-shadow: inset 0px 2px 1px rgba(0, 0, 0, 0.3);
    background: -webkit-linear-gradient(top,#ff5c00,#a23a00);
  }
}

@media (max-width: 575px) {
  #cont04 {
    box-shadow: inset 0px 2px 1px rgba(0, 0, 0, 0.3);
    background: -webkit-linear-gradient(top,#293b67,#1b2745);
    height: 200px;
  }
}

@media (min-width: 576px) {
  #cont04 {
    box-shadow: inset 0px 2px 1px rgba(0, 0, 0, 0.3);
    background: -webkit-linear-gradient(top,#293b67,#1b2745);
  }
}

@media (max-width: 575px) {
  #cont05 {
    box-shadow: inset 0px 2px 1px rgba(0, 0, 0, 0.3);
    background: -webkit-linear-gradient(top,#e7d324,#9c8e17);
    height: 200px;
  }
}

@media (min-width: 576px) {
  #cont05 {
    box-shadow: inset 0px 2px 1px rgba(0, 0, 0, 0.3);
    background: -webkit-linear-gradient(top,#e7d324,#9c8e17);
  }
}

@media (max-width: 575px) {
  #cont06 {
    box-shadow: inset 0px 2px 1px rgba(0, 0, 0, 0.3);
    background: -webkit-linear-gradient(top,#af17b3,#851388);
    height: 200px;
  }
}

@media (min-width: 576px) {
  #cont06 {
    box-shadow: inset 0px 2px 1px rgba(0, 0, 0, 0.3);
    background: -webkit-linear-gradient(top,#af17b3,#851388);
  }
}

@media (max-width: 575px) {
  #cont07 {
    box-shadow: inset 0px 2px 1px rgba(0, 0, 0, 0.3);
    background: -webkit-linear-gradient(top,#69ddc1,#448f7d);
    height: 200px;
  }
}

@media (min-width: 576px) {
  #cont07 {
    box-shadow: inset 0px 2px 1px rgba(0, 0, 0, 0.3);
    background: -webkit-linear-gradient(top,#69ddc1,#448f7d);
  }
}

@media (max-width: 575px) {
  #cont08 {
    box-shadow: inset 0px 2px 1px rgba(0, 0, 0, 0.3);
    background: -webkit-linear-gradient(top,#525252,#414141);
    height: 200px;
  }
}

@media (min-width: 576px) {
  #cont08 {
    box-shadow: inset 0px 2px 1px rgba(0, 0, 0, 0.3);
    background: -webkit-linear-gradient(top,#525252,#414141);
    /*padding-bottom: 50px;*/
  }
}

@media (min-width: 1200px) {
  .nom1 {
    /*color: rgb(255,255,255);*/
    font-weight: bold;
    font-style: normal;
    text-align: center;
    font-family: Muli;
    transform: scale(13);
    position: absolute;
    padding: 35px 0px 0px 22px;
  }
}

@media (min-width: 992px) {
  .nom1 {
    /*font-weight: bold;*/
    font-style: normal;
    text-align: left;
    font-family: Muli;
    transform: scale(13);
    position: absolute;
    padding: 35px 0px 0px 18px;
  }
}

#mlogo {
  width: 150px;
  height: 150%;
  object-fit: scale-down;
}