/*$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; }

/*------------------------------------------------------
MEDIA QUERY FOR SMALL SCREENS, 568px AND UP
------------------------------------------------------*/
/*------------------------------------------------------
 MEDIA QUERY FOR MEDIUM SCREENS, 768px AND UP
------------------------------------------------------*/
/*@media screen and (min-width: 768px) {
  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 (max-width: 480px) {
  body h1 {
    font-size: 40px; }
  body h2 {
    font-size: 25px; }
  body h3 {
    font-size: 20px; }
  body h4 {
    font-size: 15px; } }

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