@font-face {
    font-family:            'AlfaRomeo';
    src:                    url('../fonts/AlfaRomeo-BoldItalic.eot');
    src:                    url('../fonts/AlfaRomeo-BoldItalic.eot?#iefix') format('embedded-opentype'),
                            url('../fonts/AlfaRomeo-BoldItalic.woff2') format('woff2'),
                            url('../fonts/AlfaRomeo-BoldItalic.woff') format('woff'),
                            url('../fonts/AlfaRomeo-BoldItalic.ttf'),
                            url('../fonts/AlfaRomeo-BoldItalic.svg#AlfaRomeo-BoldItalic') format('svg');
    font-weight:            normal;
    /* font-style:             italic; */
    font-display:           swap;
}

@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');

/*
    red c22636
    green 01804f
    blue 16223f
    offwhite ecf1ef
    grey c5dfdb
*/

body {
    background-image:       url('../img/hero-840x1080.webp');
    background-position:    center center;
    background-repeat:      no-repeat;
    background-size:        cover;
    color:                  #fff;
    font-family:            "Figtree", sans-serif;
    height:                 100vh;
    margin:                 0;
    padding:                0;
    width:                  100%;
}   @media 
    /* Small & up */	/* (sm) */
    /*screen and (min-width: 576px),*/

    /* Medium & up */	/* (md) */
    screen and (min-width: 768px),

    /* Large & up */	/* (lg) */
    screen and (min-width: 992px),

    /* XLarge & up */	/* (xl) */	
    screen and (min-width: 1200px),

    /* XXLarge & up */	/* (xxl) */
    screen and (min-width: 1400px) {
        body {
            background-image:       url('../img/hero-1920x1280.webp');
        }
    }

a {
    color:                 #ffffff;
    text-decoration:        none;
} 
a:hover {
    color:                  #c5dfdb;
    text-decoration:        underline;
} 

#content {
    align-items:            center;
    display:                flex;
    flex-direction:         column;
    font-size:              12px;
    font-weight:            bold;
    height:                 100vh;
    justify-content:        center;
    text-align:             center;
    width:                  100%;
}   @media 
	/* Small & up */	/* (sm) */
	/*screen and (min-width: 576px),*/
	
	/* Medium & up */	/* (md) */
	screen and (min-width: 768px),
	
	/* Large & up */	/* (lg) */
	screen and (min-width: 992px),
	
	/* XLarge & up */	/* (xl) */	
	screen and (min-width: 1200px),
	
	/* XXLarge & up */	/* (xxl) */
	screen and (min-width: 1400px) {
		#content {			
			font-size: 					18px;
		}
	}
    
#content .coming-soon {
    font-family:            'AlfaRomeo';
    font-size:              60px;
    margin:                 15px auto 45px auto;
}   @media 
    /* Small & up */	/* (sm) */
    /*screen and (min-width: 576px),*/

    /* Medium & up */	/* (md) */
    screen and (min-width: 768px),

    /* Large & up */	/* (lg) */
    screen and (min-width: 992px),

    /* XLarge & up */	/* (xl) */	
    screen and (min-width: 1200px),

    /* XXLarge & up */	/* (xxl) */
    screen and (min-width: 1400px) {
        #content .coming-soon {			
            font-size: 					72px;
        }
    }

#logo {
    width: 					240px;
}   @media 
    /* Small & up */	/* (sm) */
    /*screen and (min-width: 576px),*/

    /* Medium & up */	/* (md) */
    screen and (min-width: 768px),

    /* Large & up */	/* (lg) */
    screen and (min-width: 992px),

    /* XLarge & up */	/* (xl) */	
    screen and (min-width: 1200px),

    /* XXLarge & up */	/* (xxl) */
    screen and (min-width: 1400px) {
        #logo {			
            width: 					300px;
        }
    }

#overlay {
    background-color:       #16223f80;
    position:               fixed; top: 0; right: 0; bottom: 0; left: 0;
    z-index:                -1;
}