@charset "utf-8";
/* CSS Document */


@font-face {

    font-family: 'TGSPerfectCondensed';
    src: url('../_fonts/TGSPerfectCondensed.woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {

    font-family: 'Qartella-Light';
    src: url('../_fonts/Qartella-Light.woff');
    font-weight: normal;
    font-style: normal;
}
    
body {
    
    margin: 0;
    padding: 0;
    
    background-color: black;
    color:#121212;
    
    font-family: 'TGSPerfectCondensed', sans-serif;
    font-size: 30px;
    
    }


a {
    text-decoration: none;
}

.container {
    position: relative;
    width: 100vw;
    background-color: white;
    font-color: #222222;
    display: grid;
    margin-left: calc(50% - 50vw);
    align-items: center;
}

.containerHeader_Buttons {
    display: inline-flex;
}

.header {
    display: inline-flex;
    position: static;
    width: 75%;
	height: auto;
    background-color: white;
    font-color: #222222;
    margin: auto;
	
	padding-top: 15px;
	padding-bottom: 15px;
}

.joinButton {
    display: inline-flex;
    padding: 5px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #700001;
    font-color: white;
    margin-right: 20px;
    margin-left: 20px;
    cursor: pointer;
}

.headerButton {
    display: inline-flex;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: none;
    font-color: white;
    margin-left: 10px;
    cursor: pointer;
}

.image_homepage_container {
    display: flex;
    position: relative;
    height: 700px;
    width: auto;
    align-items: center;
}

.image_homepage_fullwidth {
    position: absolute;
    display: inline-flex;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1; /* Lower z-index places it below */
}

.image_homepage_overtext {
    position: absolute;
    display: block;
    z-index: 2; /* Higher z-index places it on top */
    bottom: 20%;
    right: 5%;
}

.image_homepage_bullets {
	font-family: 'Qartella-Light';
    margin-top: 15px; 
    display: block;
}

.image_homepage_link {
    display: inline-flex; 
    font-size: 40px; 
    padding: 5px;
    padding-left: 20px;
    padding-right: 20px;
	margin-left: 20px;
	margin-top: 20px;
}


.image_homepage_featured_container {
    display: inline-flex;
    position: static;
    width: 95%;
	height: auto;
    background-color: white;
    font-color: #222222;
    margin: auto;
	justify-content: space-between;
	
	padding-top: 15px;
	padding-bottom: 15px;
}

.image_homepage_featured_item {
	dispaly: flex;
	width: 23%;
}


.image_homepage_review_container {
    display: inline-flex;
    position: static;
    width: 90%;
	height: 300px;
    background-color: black;
    font-color: #222222;
    margin: auto;
	justify-content: space-around;
	
	padding-top: 30px;
	padding-bottom: 30px;
}

.image_homepage_review_item {
	dispaly: flex;
	width: 31%;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 26px;
	background-color: lightgrey;
	padding: 20px;
	box-sizing: border-box;
	border-radius: 10px;
}


.image_homepage_faq_container {
    display: inline-flex;
    position: static;
    width: 90%;
	height: 150px;
    background-color: white;
    font-color: #222222;
	justify-content: space-around;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}

.image_homepage_faq_item {
	dispaly: flex;
	width: 31%;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 26px;
	background-color: lightgrey;
	padding: 20px;
	box-sizing: border-box;
}