/****************************************************************
******** FONTS **************************************************
****************************************************************/
@font-face {
    font-family: 'Sackers Gothic Std';
    src: url('../fonts/SackersGothicStd-Square.woff2') format('woff2'),
        url('../fonts/SackersGothicStd-Square.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Sackers Gothic Std';
    src: url('../fonts/SackersGothicStd-Heavy.woff2') format('woff2'),
        url('../fonts/SackersGothicStd-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Sackers Gothic Std';
    src: url('../fonts/SackersGothicStd-Medium.woff2') format('woff2'),
        url('../fonts/SackersGothicStd-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Sackers Gothic Std';
    src: url('../fonts/SackersGothicStd-Light.woff2') format('woff2'),
        url('../fonts/SackersGothicStd-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
/****************************************************************
******** COLORS *************************************************
****************************************************************/
:root {
	/*general colors*/
	--color-white:			#fff;
	--color-grey: 			#ccc;
	--color-cream: 			#F4F1E8;
	--color-red:			#6f170b;
}
.font-light{ color:var(--color-white)!important; }
.bg-red{ background-color:var(--color-red)!important; }
/****************************************************************
******** BODY ***************************************************
****************************************************************/
*{
	position:relative;
}
*,
*:after,
*:before {
	-webkit-box-sizing:border-box!important;
	-moz-box-sizing:border-box!important;
    box-sizing:border-box!important;
	-webkit-font-smoothing:antialiased!important;
	font-smoothing:antialiased!important;
	text-rendering:optimizeLegibility!important;
}
html {
	font-size:62.5%;
	scroll-behavior: smooth;
}
html,
body{
	overflow-x: hidden;
}
body{
	font-family: 'Sackers Gothic Std', sans-serif;
	background-color:var(--color-cream);
	color:var(--color-white);
	line-height:1.7;
	font-size:1.4rem;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}
/*****************************************************************
******** TYPOGRAPHY **********************************************
*****************************************************************/
h1,
h2,
h3,
h4,
h5,
h6,
p{
	margin-bottom:30px;
}
h1,
h2,
h3,
h4,
h5,
h6{
	text-transform: uppercase;
	font-weight:900;
}
/*****************************************************************
******** LINKS ***************************************************
*****************************************************************/
a,
a:hover,
.btn{
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
	transition: all 0.8s;
	cursor: pointer;
}
a,
a:hover,
a:hover i{
	color:var(--color-black);
	text-decoration: none;
}
a:link,
a:visited,
a:hover,
a:active{
	text-decoration:none;
	color:var(--color-white);
}
a:hover{
	text-decoration:none;
	color:var(--color-white);
}
.active a{
	color:var(--color-white);
}
/*****************************************************************
******** BUTTONS ************************************************
****************************************************************/
*,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus,
input.active.focus,
input.active:focus,
input.focus,
input:active.focus,
input:active:focus,
input:focus {
    outline: 0!important;
    outline-color: transparent!important;
    outline-width: 0!important;
    outline-style: none!important;
    box-shadow: none!important;
}
.btn{
    font-weight: 400;
    text-align: center;
    border: 1px solid transparent;
    font-size: 12px;
    border-radius: 1.3rem;
    padding:12px 20px;
}
.btn-info{
	color: #F4F1E8;
	background-color: #6f170b;
	border-color: #5E0E03;
}
.btn-info:hover,.btn-info:link,
.btn-info:visited,.btn-info:active{
	color: #6f170b;
	background-color: #F4F1E8;
	border-color: #5E0E03;
}
.btn-info:not(:disabled):not(.disabled).active, 
.btn-info:not(:disabled):not(.disabled):active, 
.show>.btn-info.dropdown-toggle{
	color: #fff;
	background-color: #6f170b;
	border-color: #6f170b;
}
.btn-info:not(:disabled):not(.disabled).active:focus, 
.btn-info:not(:disabled):not(.disabled):active:focus, 
.show>.btn-info.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem #420A02;
}
/*****************************************************************
******** NAVBAR *************************************************
****************************************************************/
.navbar{
	text-transform:uppercase;
}
.navbar-light .navbar-toggler {
    padding: .25rem .75rem;
    font-size: 2.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: .25rem;
    transition: box-shadow .15s ease-in-out;
	color: var(--color-red);
    border-color: var(--color-red);
}
.navbar-brand{
	position: absolute;
	z-index:99;
	left: 50%;
	transform: translateX(-50%);
}
.nav-item{
	margin-left:10px;
	margin-right:10px;
}
.navbar-light .navbar-nav .nav-link {
    color: var(--color-red);
}
/****************************************************************
******** GENERAL ************************************************
****************************************************************/
.font-uppercase{
	text-transform: uppercase;
}
.font-lowercase{
	text-transform: lowercase;
}
.img-cover{
	position:absolute;
	object-fit: cover;
	top:0;
	right:0;
	bottom:0;
	left:0;
	height:100%;
	width:100%;
}
.img-full{
	height:100vh;
	width:100%;
	object-fit: cover;
}
.img-fx{
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2);
	animation: scale 60.0s linear infinite;
}
.header{
	background:#F4F1E8;
	padding:50px 0;
}
.section-branding,
.section-page{
	padding-top:120px;
	padding-bottom:120px;
}
.section-page{
	border-bottom:1px solid var(--color-grey);
}
.section-page ul{
	margin-bottom:30px;
}
.page-title{
	margin-bottom:60px;
	padding-bottom:60px;
	border-bottom:1px solid var(--color-grey);
}
.section-title{
	text-align:center;
	margin-bottom: 50px;
	font-size:3rem;
	font-weight: 500;
}
.section-content{
	text-align:justify;
}
.food-for-wine-lovers{
	max-width:100%;
	width:480px;
}
.img-logo{
	max-width:100%;
	width:400px;
}
.video-container {
    position: relative;
    /*padding-bottom: 56.25%; /* - 16:9 aspect ratio (most common) */
    /* padding-bottom: 62.5%; - 16:10 aspect ratio */
    /* padding-bottom: 75%; - 4:3 aspect ratio */
	padding-bottom:42.5%;
    margin-top: -2px;
    height: 0;
    overflow: hidden;
}
.video-source {
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; 
	object-fit:cover;
}
.iframe{
	height:1280px!important;
	width:100%!important;
	border:0!important;
	padding:0!important;
	overflow:hidden!important;
}
.footer{
	padding-top:60px;
	padding-bottom: 15px;
}
.footer-link{
	font-size:3.6rem;
}
.footer-copyright{
	font-size:1.2rem;
	margin-bottom:0;
}
/****************************************************************
******** RESPONSIVE *********************************************
****************************************************************/
@media screen and (max-width: 991.98px) {
	.navbar-brand{
		position: relative;
		left: 0%;
		transform: translateX(0%);
	}
	.navbar-brand img{
		width:150px;
		display:inline;
	}
	/*
	#navbarNav{
		display:flex;
		flex-direction: column;
	}
	*/
	.navbar-nav{
		margin-top:10px;
		width:100%;
	}
	.navbar-collapse {
		display:flex;
		flex-direction: column;
	}
	.nav-item {
		margin-bottom:10px;
		text-align:center;
	}
	.nav-link{
		text-align:center;
	}
	.nav-item .btn{
		margin:0 auto;
	}
	
	.dropdown-menu {
		text-align: center;
	}
	
	.img-full{
		height:auto;
	}
	.section-content {
		padding-top:120px!important;
		padding-bottom:120px!important;	
	}
	
	.img-logo{
		max-width:100%;
	}
	.video-container {
		/*padding-bottom: 56.25%; /* - 16:9 aspect ratio (most common) */
		/* padding-bottom: 62.5%; - 16:10 aspect ratio */
		 padding-bottom: 75%; /*- 4:3 aspect ratio */
	}
	
	
}
@media screen and (max-width: 575.98px) {
	/*Extra Small / xs */
	.iframe{
		height:1280px!important;
	}
}
@media (min-width: 576px) and (max-width: 767.98px) {
	/*Small / sm */
	.iframe{
		height:1280px!important;
	}
}
@media (min-width: 768px) and (max-width: 991.98px) {
	/* Medium / md */
	
}
@media (min-width: 992px) and (max-width: 1199.98px)  {
	/*Large / lg */
}
@media (min-width: 1200px) and (max-width: 1399.98px)  {
	/* Extra large / xl */
}
@media (min-width: 1400px) {
	/* Extra extra large / xxl */
	
}