@font-face {
	font-family: 'Proxima Nova';
	src: url('../assets/fonts/ProximaNova-Light.woff2') format('woff2'), url('../assets/fonts/ProximaNova-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Proxima Nova Lt';
	src: url('../assets/fonts/ProximaNova-Semibold.woff2') format('woff2'), url('../assets/fonts/ProximaNova-Semibold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Proxima Nova Rg';
	src: url('../assets/fonts/ProximaNova-Regular.woff2') format('woff2'), url('../assets/fonts/ProximaNova-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Proxima Nova Bl';
	src: url('../assets/fonts/ProximaNova-Black.woff2') format('woff2'), url('../assets/fonts/ProximaNova-Black.woff') format('woff');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('../assets/fonts/ProximaNova-Bold.woff2') format('woff2'), url('../assets/fonts/ProximaNova-Bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('../assets/fonts/ProximaNova-Extrabld.woff2') format('woff2'), url('../assets/fonts/ProximaNova-Extrabld.woff') format('woff');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

:root {
	--primary-color: #ff0000;
	--secondary-color: #000;
	--dark-blue: #081b33;
	--blue: #0a2240;
	--grey: #8d8d8d;
	--dark-grey: #303035;
	--medium-grey: #5C5C5C;
	--light-grey: #B2B2B2;
	--light-blue: #05c496;
	--white: #fff;
	--golden: #ae8f4c;
	--silver: #eceef0;
	--pink: #fe62d4;
	--green: #7ab64e;
	--heading-font: 'Montserrat';
	--sub-heading-font: 'Proxima Nova';
	--paragraph-font: 'RedHatDisplayRegular';
	--button-font: 'Proxima Nova';
}
*,
::after,
::before {
    box-sizing: border-box;
}

* {
	padding: 0px;
	margin: 0px;
}

html,
body {
	height: 100%;
	padding: 0px;
	margin: 0px;
	font-family: var(--paragraph-font);
	font-size: 16px;
	color: var(--secondary-color);
}

.container {
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	width: 100%;
	padding-right: calc(var(--bs-gutter-x) * 0.5);
	padding-left: calc(var(--bs-gutter-x) * 0.5);
	margin-right: auto;
	margin-left: auto;
}

@media (min-width: 576px) {
	.container {
		max-width: 540px;
	}
}

@media (min-width: 768px) {
	.container {
		max-width: 720px;
	}
}

@media (min-width: 992px) {
	.container {
		max-width: 960px;
	}
}

@media (min-width: 1200px) {
	.container {
		max-width: 1140px;
	}
}

@media (min-width: 1400px) {
	.container {
		max-width: 1320px;
	}
}

.text-center {
	text-align: center !important;
}

.d-flex {
	display: flex !important;
}

.flex-column {
	flex-direction: column !important;
}

.align-items-center {
	align-items: center !important;
}

.justify-content-center {
	justify-content: center !important;
}

.mb-5 {
	margin-bottom: 3rem !important;
}

.px-3 {
    padding-right: 1rem!important;
    padding-left: 1rem!important;
}

.scan-container {
	background-color: #000;
}

.scan-wrap {
	height: 100%;
	background: url(../assets/texture-golf.svg) no-repeat;
	background-position: left bottom;
}

.scan-logo {
	text-align: center;
	padding: 50px 0 35px 0;
}

.scan-logo img {
	width: 270px;
}

.app-download {
	margin-bottom: 26px;
}

.app-download img {
	width: 240px;
}

.scan-info p {
	font-family: 'Proxima Nova Lt';
	font-weight: 600;
	font-size: 16px;
	color: #fff;
}


/*====Responsive=====*/

@media only screen and (max-width: 568px) {
	.scan-logo img {
		width: 210px;
	}

	.scan-logo {
		text-align: center;
		padding: 22px 0 17px 0;
	}

	.mb-5 {
		margin-bottom: 2rem !important;
	}

	.scan-info p {
		font-size: 14px;
	}

	.app-download {
		margin-bottom: 26px;
	}

	.app-download img {
		width: 220px;
	}

	.scan-wrap {
		background-size: 100%;
	}
}

@media (max-width: 375px),(max-height: 550px) {

	.scan-logo {
		padding: 12px 0 10px 0;
	}

	.app-download {
		margin-bottom: 17px;
	}

	.scan-logo img {
		width: 180px;
	}

	.app-download img {
		width: 200px;
	}

	.scan-wrap {
		background-size: 85%;
	}

	.mb-5 {
		margin-bottom: 1rem !important;
	}
}

@media (max-width: 320px),(max-height: 500px) {

	.scan-logo {
		padding: 12px 0 10px 0;
	}

	.app-download {
		margin-bottom: 17px;
	}

	.scan-logo img {
		width: 165px;
	}

	.app-download img {
		width: 200px;
	}

	.scan-wrap {
		background-size: 85%;
	}

	.mb-5 {
		margin-bottom: 1rem !important;
	}
}