/*$font-DIN-bold: "DINCondensed-Bold", serif;
$font-Effra-regular: effra, serif;
$font-dearJoe-5-casual-pro: "dearJoe5CASUAL-P", serif;*/
/*------------------------------------------------------
MEDIA QUERY FOR EXTRA SMALL SCREENS AND UP
------------------------------------------------------*/
/*body h1 {
  font-size: 5vw; }

body h2 {
  font-size: 5vw; }

body h3 {
  font-size: 5vw; }

body h4 {
  font-size: 5vw; }*/

body .btn {
  font-size: 1em; }


body h1 {
    font-size: calc(80px - 30px);
}

body h2 {
    font-size: calc(50px - 14px);
}

body h3 {
    font-size: calc(30px - 5px);
}

body h4 {
    font-size: calc(25px - 5px) !important;
}

/*------------------------------------------------------
MEDIA QUERY FOR SMALL SCREENS, 568px AND UP
------------------------------------------------------*/
/*------------------------------------------------------
 MEDIA QUERY FOR MEDIUM SCREENS, 768px AND UP
------------------------------------------------------*/
@media screen and (max-width: 991.99px) {
  body h1 {
    font-size: 1.3em; }
  body h2 {
    font-size: 1.2em; }
  body h3 {
    font-size: 1.1em; }
  body h4 {
    font-size: 1em; } }

/*------------------------------------------------------
MEDIA QUERY FOR LARGE SCREENS, 992px AND UP
------------------------------------------------------*/
/*@media screen and (min-width: 992px) {
  body h1 {
    font-size: 1.3em; }
  body h2 {
    font-size: 1.2em; }
  body h3 {
    font-size: 1.1em; }
  body h4 {
    font-size: 1em; } }*/

/*------------------------------------------------------
MEDIA QUERY FOR EXTRA LARGE SCREENS, 1200px AND UP
------------------------------------------------------*/
/*@media screen and (min-width: 1200px) {
  body h1 {
    font-size: 1.3em; }
  body h2 {
    font-size: 1.2em; }
  body h3 {
    font-size: 1.1em; }
  body h4 {
    font-size: 1em; } }*/

/*------------------------------------------------------
MEDIA QUERY FOR EXTRA LARGE SCREENS, 1200px AND UP
------------------------------------------------------*/
@media screen and (min-width: 992px) {
  body h1 {
    font-size: 80px; }
  body h2 {
    font-size: 50px; }
  body h3 {
    font-size: 30px; }
  body h4 {
    font-size: 25px; } }