@import "./font.css";

html,
body,
ul,
li {
	margin: 0;
	padding: 0;
}

body {
	/* font-family: "Helvetica Neue", "Roboto", sans-serif; */
	font-family: "Roboto", sans-serif;
    color: white;
    background-color: black;
	display: flex;
	flex-direction: column;
	min-height: 100dvh;
}

.title-font, h3, h4, h5, h6 {
	font-family: "Open Sans", "Roboto", sans-serif;
	font-weight: bold;
}

:root {
    --max-container-width: 1024px;
    --blue-bg: #084C73;
    --light-green: #8CFCF5;
    --yellow: #FFD74A;
}

body.disable-overflow {
	overflow: hidden;
}

/* @media screen and (max-width: 799px) {
    
} */

@media screen and (min-width: 751px) {
	.mobile-only {
		display: none;
	}
	
	.page-wrapper-bg {
		background-size: cover;
		background-position: top;
		background-attachment: fixed;
		flex-grow: 1;
	}

	.page-wrapper-bg.green-bg {
		background-image: url("../images/background/bg-green.png");
	}
	.page-wrapper-bg.blue-bg {
		background-image: url("../images/background/bg-blue.png");
	}
}

@media screen and (max-width: 750px) {
	.web-only {
		display: none !important;
	}
	body.green-bg, body.blue-bg {
		background-size: auto 100%;
		background-attachment: fixed;
		background-position: center;
	}

	body.green-bg {
		background-image: url("../images/background/bg-green-h5.png");
	}
	body.blue-bg {
		background-image: url("../images/background/bg-blue-h5.png");
	}
	.page-wrapper-bg {
		flex-grow: 1;
	}
}