/* ---------- Fonts ----------*/
body {
  font-family:  Arial, sans-serif;
  line-height: 130%;
  font-size: 16px;
  background-color:
}

/* ---------- Color ----------*/
.bg_black {background-color: black; color: white;}
.bg_white {background-color: white; color: black;}
.bg_gray  {background-color: #f2f2f2;}
.bg_red  {background-color: #EC1C24; color: white;}
.bg_red_w  {background-color: white; color: #EC1C24;font-weight: bold;}
.bg_info {background-color: black; color: white;}

/* D6051E */

.black {color:black;}
.white {color:white;}
.yellow {color: #FBAF31;}
.blue {color: #19478D;}

/* ---------- Headings  ---------- */
h1,h2,h3,h4,h5,h6 {
  font-family: 'Paytone One', sans-serif;
  line-height: 130%;
}
p {
  font-family: 'Nunito', sans-serif; padding: 10px;
}

h1{
  font-size: 10vw;
  letter-spacing: 4px;
  font-weight: bold;
  color: #0F7EC2;
}
h2 {font-size: 5vw;}
h3 {font-size: 150%;}
h4 {font-size: 125%;}
h5 {font-size: 80%;}
@media screen and (min-width: 1000px) {
  h1 {
    font-size: 100px;
  }
  h2 {
    font-size: 50px;
  }
}
@media screen and (max-width: 500px) {
  h1 {
    font-size: 50px;
  }
}
@media screen and (max-width: 720px) {
  h2 {
    font-size: 40px;
  }
}
/* ---------- Buttons ---------- */
.button_2 {
  font-family: 'Oswald', sans-serif;
  letter-spacing: 1px;
  font-weight: normal;
  display: inline-block;
  margin: 20px auto;
  padding:15px 20px;
  text-decoration: none;
  transition: all .2s ease;
  border-radius: 10px;
  font-size: 125%;
}
.button_2.bg_red_w:hover {
  background-color: #EC1C24;
  color: white;
}