body { font-family: "Montserrat", sans-serif;}
.btn {background-color: #CE143E; color: #fff; text-transform: uppercase; padding: 30px 35px; font-size: 20px; border-radius: 0px; border: none;}
.btn:hover {background-color: #CE143E; color: #fff;}
.g_back {background-color: #F2F4F5;}

#hero {background-image: url('https://content.roberts.edu/media/5tydvse2/hero.jpg'); background-size: cover; background-color: #333; padding: 50px 0px 75px;}
#hero .logo {width: 272px;}
#hero h1 {font-weight: 800; font-size: 50px; line-height: 65px; color: #fff; text-transform: uppercase; letter-spacing: 2px}
#hero h2 {font-size: 28px; line-height: 40px; color: #fff; font-weight: 400;}

#stats {background-color: #F2F4F5; padding: 25px 0px; font-weight: 700;}
#stats .stat {color: #CE143E; font-size: 60px;}
#stats p {font-size: 18px; font-weight: 400; color: #212529;}

.content {padding: 75px 0px;}
.content p {font-size: 18px;}
.content h2 {font-size: 40px; letter-spacing: 1.4px; text-transform: uppercase; font-weight: 700;}
.content h3 {font-size: 28px; letter-spacing: 1px; font-weight: 700; text-transform: uppercase; line-height: 40px;}
.content ul {padding-left: 20px; margin-bottom: 0px;}
.content ul li {font-size: 18px; margin-bottom: 15px;}
.content ul li::marker {color: #CE143E;}
.content .dots {width: 72px;}

#logos {padding: 0px 0px 75px;}
#logos img {max-height: 150px;}

#footer {background-color: #050707; padding: 25px 0px;}
#footer p, #footer a {color: #fff; font-size: 18px;}

.form .form_box {background-color:#007A7E; padding: 50px 50px 90px;}
.form .form_box input {height: 58px; border-radius: 0px; border: none; width: 100%;}

.form .form_box .form_question {width: 100%!important;}
.form .form_box .form_question .form_label {font-size: 18px; margin-bottom: 8px;}
.form .form_box .form_question .form_label strong {color: #fff; font-weight: normal;}
.form .form_box .form_question .form_label address {color: #fff; font-size: 10px; line-height: 18px;}
.form .form_box div.form_header .form_label {color: #fff; background-color: transparent; font-size: 24px; padding: 0px;}
.form .form_box .form_question select {height: 58px; border-radius: 0px; border: none;}
.form .form_box .form_question .form_responses select {width: 32.5%}
.form .form_box .form_question .form_label a {color: #fff; text-decoration: none; font-style:italic;}
.form .form_box .form_question .form_responses #form_e775ebaf-48a0-4ec4-921a-b9e0bd93a1dd {width: 100%;}
.form .form_box .form_button_submit {background-color: #CE143E; color: #fff; text-transform: uppercase; padding: 30px 35px; font-size: 20px; border-radius: 0px; border: none; margin-top:15px;}


@media (max-width: 991.98px) {
  #hero {padding: 50px 0px 50px; background-position: -300px; position: relative;}
  #hero .overlay { position: absolute; top: 0; left: 0; background: #000; background: linear-gradient(45deg, rgba(0, 0, 0, .6306897759) 34%, rgba(0, 0, 0, 0) 70%); width: 100%; height: 100%; z-index: 1;}
  #hero .logo, #hero h1 , #hero h2, .btn { z-index: 1000; position: relative;}
 }

@media (max-width: 575.98px) {
  #hero {padding: 50px 0px 50px; background-position: 600px;}
  #hero .logo {width: 190px;}
  #hero h1 {font-size: 36px; line-height: 40px;}
  #hero h2 {font-size: 20px; line-height: 28px;}
  .btn, .form .form_box .form_button_submit {padding: 20px 25px; font-size: 18px;}
  #stats .stat {font-size: 50px;}
  .content h2 {font-size: 30px;}
  .form .form_box {padding: 50px 20px 33px;}
  #logos img {max-height: 50px;}
  #footer p, #footer a {font-size: 12px;}
  .form .form_box .form_question .form_responses select {width: auto;}
  .content {padding: 50px 0px;}
  .grad {max-height: 300px; object-fit: cover;}
}