/* body::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;

    background-image: url(../../images/layout.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    display: block;
    
    z-index: 1;
}  */


 /* fonts */

 @font-face {
     font-family: 'Good Times Rg';
     src:url('GoodTimesRg-Regular.eot') format('embedded-opentype'); /* IE9 + later */
     src:url('GoodTimesRg-Regular.eot?#iefix') format('embedded-opentype'), /* IE6 to IE8  */
         url('GoodTimes-Regular.woff2') format('woff2'),/* Newer browsers */
         url('GoodTimes-Regular.woff') format('woff'), 
         url('GoodTimesRg-Regular.ttf') format('truetype') /* Safari og iOS, Chrome, Android, Firefox and Opera except Opera Mini  */;
     font-weight: normal;
     font-style: normal;
 }

 @font-face {
     font-family: 'Good Times Rg Bold';
     src:url('GoodTimesRg-Bold.eot') format('embedded-opentype'); /* IE9 + later */
     src:url('GoodTimesRg-Bold.eot?#iefix') format('embedded-opentype'), /* IE6 to IE8  */
         url('GoodTimesRg-Bold.woff2') format('woff2'),
         url('GoodTimesRg-Bold.woff') format('woff'),
         url('GoodTimesRg-Bold.ttf') format('truetype'); /* Safari og iOS, Chrome, Android, Firefox and Opera except Opera Mini  */
     font-weight: normal;
     font-style: normal;
 }


 @font-face {
    font-family: 'Century Gothic';
    src: url('CenturyGothic.eot');
    src: url('CenturyGothic.eot?#iefix') format('embedded-opentype'),
        url('CenturyGothic.woff2') format('woff2'),
        url('CenturyGothic.woff') format('woff'),
        url('CenturyGothic.ttf') format('truetype'),
        url('CenturyGothic.svg#CenturyGothic') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


 *,
 *::before,
 *::after {
     box-sizing: border-box;
     margin: 0;
     padding: 0;
 }

 html {
     font-size: 62.5%;
     /*10px*/
 }

 body {
     font-family: "Montserrat", sans-serif;
     max-width: 100%;

     position: relative;
 }

 a {
     color: inherit;
     text-decoration: none
 }

 a:hover,
 a:focus {
     text-decoration: none;
     color: inherit;
     transition: all .3s ease-in-out;
 }

 body,
 div,
 p,
 ul,
 ol,
 li {
     padding: 0;
     margin: 0;
     line-height: 1.8;
 }

 h1,
 h2,
 h3,
 h4,
 h5 {
     line-height: 1.2;
 }

 h1 {
font-family: 'Good Times Rg Bold';
     font-size: clamp(3.2rem, 5vw, 6.7rem);
 }

 h2 {
     font-size: clamp(2.2rem, 5vw, 2.9rem);
 }

 h3 {
     font-size: clamp(1.7rem, 3vw, 2.3rem);
 }

 h4 {
     font-family: 'Good Times Rg';
     font-size: clamp(1.7rem, 2vw, 2rem);
 }

 ul,
 ol,
 li {
     list-style-type: none;
 }


 img {
     display: block;
     max-width: 100%;
 }

 .d-flex {
     flex: 1 1 auto;
 }

 .btn:hover {
     cursor: pointer;
 }


 .cta {
     display: block;
 }

 @media (min-width: 990px) {
     .cta {
         display: none;
     }

 }

 /* SHIFT + ALT + A */