/*--------------------------------------------------------------
>>> GLOBAL - TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Typography
2.0 Elements
3.0 Header
4.0 Content
5.0 Footer
--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/*--------------------------------------------------------------
1.0 Typography
--------------------------------------------------------------*/
* {
	box-sizing: border-box;
}

body  {
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.86;
}

h1,
h2,
h3,
.h1,
.h2,
.h3 {
	font-weight: 700;
	line-height: 1.1;
}

h1, .h1 {
	font-size: 64px;
	text-shadow: 0 4px 4px rgba(0, 0, 0, 0.10);
  letter-spacing: 3.2px;
  text-transform: uppercase;
  margin: 0.3em 0;
}

b, strong {
	font-weight: 700;
}

img, 
iframe,
video {
	max-width: 100%;
}

img {
	height: auto;
}

a {
	text-decoration: none;
}

/*--------------------------------------------------------------
2.0 Elements
--------------------------------------------------------------*/
body {
	margin: 0;
}


table {
    max-width: 100%;
}

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

@media (max-width: 1199px) {
	.container{
        max-width: 100%;
    }
}


/*--------------------------------------------------------------
3.0 Header
--------------------------------------------------------------*/
header {
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	margin: auto;
}

#logo img {
	max-width: 318px;
}

#logo {
	padding: 45px 0;
	text-align: center;
}


/*--------------------------------------------------------------
4.0 Content
--------------------------------------------------------------*/

.hero {
	min-height: 804px;
	height: 100vh;
	padding-top: 170px;
	background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  color: #fff;
  text-align: center;
}

.hero .container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
	padding-bottom: 25vw;
}

.hero-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	height: 100%;
	padding: 70px 0;
}

.hero .description p {
	max-width: 635px;
	margin: 0 auto;
	font-size: 16px;
	font-weight: 500;
	line-height: 26px;
}

/*--------------------------------------------------------------
5.0 Footer
--------------------------------------------------------------*/

@media (max-width: 1200px){
	
}

@media (max-width: 991px){

	
}

@media (max-width: 911px) {
	
}

@media (max-width: 768px){

}

@media (max-width: 450px){
	h1, .h1 {
		font-size: 45px;
	}

	#logo img {
		max-width: 250px;
	}

	.hero {
		min-height: 600px;
	}
}