/* Init */

@font-face {
	font-family: 'Raleway';
	src:
		url('../assets/fonts/Raleway-ExtraBold.otf') format('embedded-opentype'),
		url('../assets/fonts/Raleway-ExtraBold.woff') format('woff'),
		url('../assets/fonts/Raleway-ExtraBold.ttf') format('truetype');
	font-weight: 800;
}

html,
body {
	max-width: 100%;
	font-family: 'Raleway', sans-serif;
	background-color: #92113c;
	color: #f0e100;
	outline: none;
}

html {
	overflow-y: scroll;
	-ms-overflow-y: scroll;
}

header,
nav,
main,
section,
footer {
	display: block;
}

::selection {
	background-color: #f0e100;
	color: #92113c;
}

::-moz-selection {
	background-color: #f0e100;
	color: #92113c;
}

::-webkit-scrollbar {
	width: 18px;
}

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
}

::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

img {
	aspect-ratio: attr(width) / attr(height);
}

ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

li {
	display: inline-block;
}

a {
	text-decoration: none;
	color: #ffffff;
	display: block;
}

a:hover {
	text-decoration: none;
	color: #f0e100;
	outline: none;
}

a:focus {
	color: #f0e100;
	outline: none;
}

a:active,
a:visited {
	color: #ffffff;
	outline: none;
}

.image-link:focus {
	opacity: .8;
}

.image-link:active,
.image-link:visited {
	opacity: 1;
}

.hidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}

/* Skiplink */

.skiplink-container {
	text-align: center;
	height: 6vh;
	z-index: 3;
	padding: 12px 12px 0;
}

	.skiplink-navigation-link {
		font-size: 22px;
		font-weight: 800;
		text-transform: uppercase;
		position: absolute;
		top: -99999px;
	}

		.skiplink-navigation-link:focus,
		.skiplink-navigation-link:hover {
			top: initial;
			position: relative;
		}

/* Header */

.header-fluid-container {
	position: relative;
	min-height: 10vh;
}

	.header-fluid-container-left-mask {
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;
	}

	.header-fluid-container-right-mask {
		position: absolute;
		z-index: 1;
		top: 20vh;
		right: 0;
	}

	/* Header brand */

	.header-brand-container {
		padding: 20px 12px 0;
		z-index: 3;
	}

		.header-brand-icon {
			width: 130px;
			height: auto;
		}

	/* Header navigation */

	.header-navigation-container {
		padding: 36px 12px 0;
		text-align: right;
		z-index: 1;
	}

		.header-navigation-link {
			font-size: 22px;
			font-weight: 800;
			text-transform: uppercase;
			margin: 0 0 0 110px;
		}

	/* Header navigation menu */

	.header-navigation-menu-container {
		padding: 21px 12px 0;
		text-align: right;
		z-index: 1;
	}

		.header-navigation-menu-image {
			height: 32px;
			width: auto;
		}

		/* Header navigation menu mobile */

		.header-navigation-container-mobile {
			display: block !important;
		}

			.header-navigation-container-mobile ul li {
				display: block;
				margin: 0 5px 5px;
			}

/* Banner */

.banner-fluid-container {
	min-height: 86vh;
	text-align: center;
}

	.banner-fluid-container-brand-icon {
		width: 691px;
		height: auto;
		position: absolute;
		z-index: 2;
		top: 8vh;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
	}

/* Main */

.main-top-mask {
	position: absolute;
	width: 100%;
	height: auto;
}

/* Section drink one */

.section-fluid-container-drink-one {
	overflow:hidden;
	background-color: #850f37;
	overflow: hidden;
	min-height: 100vh;
}

	.section-heading-container-drink-one {
		margin-top: -70px;
	}

		.section-heading-image-drink-one {
			width: 100%;
			height: auto;
			box-shadow: 3px #000;
		}

	.section-image-container-drink-one {
		overflow: hidden;
		margin-top: -70px;
	}

		.section-image-drink-one {
			width: 57vw;
			height: auto;
			margin: 0 0 0 -80px;
		}

/* Section drink two */

.section-fluid-container-drink-two {
	background-color: #850f37;
}

	.section-image-container-drink-two {
		margin-top: -250px;
	}

		.section-image-drink-two {
			width: 57vw;
			height: auto;
			margin: 0 0 0 -70px;
			position: relative;
			z-index: 1;
		}

	.section-heading-container-drink-two {
		margin-top: -250px;
	}

		.section-heading-image-drink-two {
			width: 107%;
			height: auto;
			position: relative;
			z-index: 1;
		}

/* Section divider */

.section-fluid-container-divider {
	padding: 0;
	margin-top: -550px;
	overflow: hidden;
}

	.section-divider-image {
		width: 101%;
		height: auto;
	}


/* Section drink three */

.section-fluid-container-drink-three {
	background-color: #92113c;
	padding: 0 12px 100px;
	position: relative;
}

	.section-heading-image-drink-three {
		width: 124%;
		height: auto;
		position: relative;
		margin: -500px 0 0 0;
		z-index: 1;
	}

	.section-image-drink-three {
		width: 40vw;
		height: auto;
		margin: -570px 0 0 -80px;
		position: relative;
		z-index: 1;
	}

/* Section live */

.section-fluid-container-live {
	background-color: #92113c;
    overflow: hidden;
	padding: 0 12px 100px;
}

	.section-image-container-live {
			text-align: center;
			padding: 50px;
		}

		.section-image-live {
			width: 155%;
			height: auto;
			margin: 260px -220px 0 0;
			position: relative;
		}

	.section-heading-image-live {
		width: 130%;
		height: auto;
		margin: 0 0 0 -100px;
	}

/* Section win */

.section-fluid-container-win {
	background-color: #92113c;
	padding: 200px 0 15px;
	overflow: hidden;
}

	.section-heading-container-win {
		text-align: center;
		position: relative;
	}

		.section-heading-image-win {
			width: 100%;
			height: auto;
		}

/* Footer */

.footer-fluid-container {
	height: 200px;
}

	/* Footer navigation */

	.footer-navigation-container {
		text-align: left;
		padding: 9vh 12px 0;
	}

		.footer-navigation-link {
			font-size: 22px;
			font-weight: 800;
			text-transform: uppercase;
			margin: 0 100px 0 0;
		}

	/* Footer brand */

	.footer-brand-container {
		text-align: right;
		padding: 8vh 12px 0;
	}

		.footer-brand-icon {
			width: 130px;
			height: auto;
		}

/* Breakpoints */

@media (max-width: 1399.98px) {

	/* Section drink one */

	.section-fluid-container-drink-one {
		min-height: initial;
	}

	.section-heading-container-drink-one {
		text-align: center;
		margin-top: 30px;
	}

		.section-heading-image-drink-one {
			margin: 0 0 0 -16%;
		}

	.section-image-container-drink-one {
		margin-top: 30px;
	}

		.section-image-drink-one {
			width: 128%;
			margin: 0 0 0 -20%;
		}

	/* Section drink two */

	.section-image-drink-two {
		width: 128%;
	}

	/* Section divider */

	.section-fluid-container-divider {
		margin-top: -400px;
	}

	/* Section drink three */

	.section-heading-image-drink-three {
		margin: -400px 0 0 -8%;
	}

	.section-image-drink-three {
		margin: -470px 0 0 -80px;
	}

	/* Section live */
	.section-image-live {
		width: 160%;
		margin: 240px -200px 0 0;
	}

	/* Footer navigation  */

	.footer-navigation-link {
		margin: 0 80px 0 0;
	}
}

@media (max-width: 1199.98px) {

	/* Section drink one */

	.section-heading-image-drink-one {
		margin: -55% 0 -17% 0;
	}

	.section-image-drink-one {
		width: 139%;
		margin: -11% 0 0 -20%;
	}

	/* Section drink two */

	.section-fluid-container-drink-two {
		overflow: hidden;
	}

		.section-heading-container-drink-two {
			margin-top: -30px;
		}

			.section-heading-image-drink-two {
				margin: -55% 0 0 -4%;
				width: 110%;
			}

		.section-image-drink-two {
			width: 115%;
			margin: 5% 0 0 -9%;
		}

	/* Section divider */

	.section-fluid-container-divider {
		margin-top: -600px;
	}

	/* Section drink three */

	.section-fluid-container-drink-three {
		padding: 100px 12px 200px;
	}

		.section-heading-image-drink-three {
			margin: 0 0 0 -4%;
			width: 110%;
		}

		.section-image-container-drink-three {
			text-align: center;
		}

			.section-image-drink-three {
				width: 66%;
				height: auto;
			}

	/* Section live */

	.section-heading-container-live {
		text-align: center;
	}

		.section-heading-image-live {
			width: 105%;
			margin: 0 0 0 -4%;
		}


	.section-image-container-live {
		text-align: initial;
		margin-top: -250px;
	}

	.section-image-live {
		width: 100%;
	}
}

@media (max-width: 991.98px) {

	/* Header */

	.header-fluid-container-left-mask {
		width: 44%;
		height: auto;
	}

	.header-fluid-container-right-mask {
		width: 44%;
		height: auto;
		top: 35vh;
	}

	/* Banner */

	.banner-fluid-container-brand-icon {
		height: 46vh;
		width: auto;
		top: 18vh;
	}

	/* Section drink two */

	.section-image-container-drink-two {
		margin-top: -135px;
	}

		.section-image-drink-two {
			margin: -3% 0 0 -9%;
		}

	/* Section divider */

	.section-fluid-container-divider {
		margin-top: -500px;
	}

	/* Section drink three */

	.section-image-drink-three {
		margin: -370px 0 0;
	}

	/* Section win */

	.section-fluid-container-win {
		padding: 70px 0 90px;
	}

	/* Footer navigation */

	.footer-navigation-container ul {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -moz-flex;
		display: -webkit-flex;
		display: flex;
		-moz-flex-flow: wrap;
		-webkit-flex-flow: wrap;
		flex-flow: wrap;
	}

		.footer-navigation-container ul li {
			width: 100%;
			margin: 0 0 5px;
		}

			.footer-navigation-container ul li:nth-of-type(1) {
				order: 5;
			}

			.footer-navigation-container ul li:nth-of-type(2) {
				order: 4;
			}

			.footer-navigation-container ul li:nth-of-type(3) {
				order: 1;
			}

			.footer-navigation-container ul li:nth-of-type(4) {
				order: 2;
			}

			.footer-navigation-container ul li:nth-of-type(5) {
				order: 3;
			}

	/* Footer brand */

	.footer-brand-container {
		padding: 3vh 12px 5vh;
		text-align: left;
	}
}

@media (max-width: 767.98px) {

	/* Banner */

	.banner-fluid-container-brand-icon {
		width: 77vw;
		height: auto;
		top: 14vh;
	}

	/* Section divider */

	.section-fluid-container-divider {
		margin-top: -300px;
	}

	/* Section drink three */

	.section-image-drink-three {
		margin: -270px 0 0;
	}

	/* Section win */

	.section-fluid-container-win {
		padding: 40px 0 0;
	}
}

@media (max-width: 575.98px) {

	/* Skiplink */

	.skiplink-container {
		padding: 1.5vh 12px 0;
	}

		.skiplink-navigation-link {
			font-size: 18px;
		}

	/* Header */

	.header-fluid-container-left-mask {
		width: 60%;
	}

	.header-fluid-container-right-mask {
		width: 60%;
		top: 47vh;
	}

	.header-brand-container {
		padding: 0 25px 0;
	}

		.header-brand-icon {
			width: 95px;
		}

	.header-navigation-container  {
		padding: 3vh 24px 0;
	}

		.header-navigation-menu-container {
			padding: 7px 24px 0;
		}

			.header-navigation-menu-image {
				height: 25px;
			}

	/* Section drink two */

	.section-image-drink-two {
		margin: 19% 0 0 -9%;
	}

	/* Section divider */

	.section-fluid-container-divider {
		margin-top: -200px;
	}

	/* Section drink three */

	.section-fluid-container-drink-three {
		padding: 100px 12px 50px;
	}

		.section-image-drink-three {
			margin: -170px 0 0;
		}

	/* Section live */

	.section-heading-image-live {
		width: 115%;
		margin: 0 0 0 -8%;
	}
}