#main > section.homepage-hero > div > h1,
#main > section.homepage-hero > div > p{
  flex: 0 0 75%;
  max-width: 75%;
}

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

#main > section.homepage-hero > div > h1,
#main > section.homepage-hero > div > p{
  flex: 0 0 100%;
  max-width: 100%;
}
}


@media only screen and (min-width: 769px) {
.ratings-box .ratings-placeholder .rating .card blockquote .card-title {
    font-size: 1.15rem !important;
    font-family: alda;
}
}

.ratings-box .ratings-placeholder .rating .card .card-body {
    font-size: 1.10rem;
    margin-bottom: -10px;
}

.ratings-box .ratings-placeholder .rating .card blockquote {
    text-align: center;
    padding: 20px;
}

.ratings-box .ratings-placeholder .rating .card {
    font-size: .75rem;
    background: #ffffff;
    margin-bottom: 18px;
}

.ratings-box .ratings-placeholder .rating .card {
    background-color: #f5f4f4;
    border: 2px solid currentcolor;
    border-bottom: 10px solid currentcolor;
}


.p-4 {
text-align: center;
}

.text-black {
color: #000000 !important;
}

.myth-hero {
  background-image: url(/~/media/Images/Learning-Center/article-hero-couch.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top left;
  background-color: #1C2A06; 
  color: white;
  padding: 1rem;
}


.different-hero {
  background-image: url(/~/media/Images/homepage/home_image.jpeg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center left;
  background-color: #1C2A06; 
  color: white;
  padding: 1rem;
}


.homepage-hero {
  background-image: url(/~/media/Images/homepage/home_image_hi.jpeg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top left;
  background-color: #1C2A06; 
  color: white;
  padding: 1rem;
}


@media (min-width: 1600px) {
    .homepage-hero {
      background-size: contain; 
      background-position: center right; 
      padding: 3rem; 
    } 
}

.site-alert h3 {display: none!important;}

/* Remove this when template has been updated to .alert-light */
.alert-warning {
    color: #818182!important;
    background-color: #fff7ea!important;
    border-color: #ffeeba!important;
    border-bottom: 0!important;
}

.custom-remove-container-margin .container {
  padding: 0 !important;
}

.shadow {
    transition: all ease .2s;
  }
.shadow:hover {
  box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
}
.anchor:focus {
  outline: none;
}<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,300italic,400italic,600italic,700italic,300,600,700,800" rel="stylesheet" />

<link href="/sitecore/shell/themes/standard/default/Default.css" rel="stylesheet" />

<link href="/sitecore/shell/controls/Lib/Flexie/flex.css" rel="stylesheet" />

<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,300italic,400italic,600italic,700italic,300,600,700,800" rel="stylesheet" />

<link href="/sitecore/shell/themes/standard/default/Default.css" rel="stylesheet" />

<link href="/sitecore/shell/controls/Lib/Flexie/flex.css" rel="stylesheet" />

<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,300italic,400italic,600italic,700italic,300,600,700,800" rel="stylesheet" />

<link href="/sitecore/shell/themes/standard/default/Default.css" rel="stylesheet" />

<link href="/sitecore/shell/controls/Lib/Flexie/flex.css" rel="stylesheet" />