@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 800px) {
	.flexbox-container {
		display: flex;
		display: -ms-flex;
		display: -webkit-flex;
		flex-wrap: wrap;
	}
	header {
		width: 100%;
		height: 100vh;
		background-size: cover;
	}
	nav {
		display: none;
	}
	h1 {
		margin-bottom: 10px;
		font-size: 2.8rem;
		font-weight: 300;
		line-height: 2.8rem;
		letter-spacing: 0.0rem;
		text-transform: uppercase;
	}
	h2 {
		margin-bottom: 10px;
		font-size: 2.0rem;
		font-weight: 300;
		line-height: 2.0rem;
		letter-spacing: 0.0rem;
		text-transform: uppercase;
	}
	h3 {
		margin-bottom: 10px;
		font-size: 1.3rem;
		font-weight: 300;
		line-height: 1.3rem;
		letter-spacing: 0.0rem;
		text-transform: uppercase;
	}
	h4 {
		margin-bottom: 10px;
		font-size: 1.3rem;
		font-weight: 300;
		line-height: 1.3rem;
		letter-spacing: 0.0rem;
		text-transform: uppercase;
	}
	p {
		font-weight: 300;
		font-size: 1.0rem;
		line-height: 1.0rem;
		letter-spacing: 0.0rem;
	}
}





@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 600px) {
	.logo-header {
		padding: 40px 0px 0px 0px;
		width: 150px;
		height: auto;
		cursor: pointer;
	}
	.info-container {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding: 50px;
	}
	.banner {
		width: 100%;
		height: 80vh;
		background-size: cover;
		background-position: center;
	}
}





@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 500px) {
	.flexbox-container-footer {
		display: flex;
		display: -ms-flex;
		display: -webkit-flex;
		flex-wrap: wrap;
	}
	.logo-footer {
		display: table;
		margin: 0 auto;
		padding: 20px;
		width: 150px;
		height: auto;
		float: none;
		cursor: pointer;
	}
	.info-footer {
		display: table;
		margin: 0 auto;
		padding: 20px 0px 10px 50px;
		width: 100%;
		max-width: 200px;
		text-align: left;
	}
}





@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 400px) {
	h1 {
		margin-bottom: 10px;
		font-size: 2.5rem;
		font-weight: 300;
		line-height: 2.5rem;
		letter-spacing: 0.0rem;
		text-transform: uppercase;
	}
}





@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 300px) {
	h1 {
		margin-bottom: 10px;
		font-size: 2.2rem;
		font-weight: 300;
		line-height: 2.2rem;
		letter-spacing: 0.0rem;
		text-transform: uppercase;
	}
}