@charset "UTF-8";
/* CSS Document */
body {
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: hidden;
}

.header {
	width: 66%;
	margin-top: 5%;
	display: inline;
	float: left;
}

.logo {
	width: 150px;
	padding-left: 15%;
}
h1 {
	font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: 800;
	font-size: 5rem;
	color: #6A205F;
	padding-left: 15%;
}
h2 {
	font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 1,5rem;
	color: #333333;
	padding-left: 15%;
}
p {
	font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 1rem;
	color: #333333;
	padding-left: 15%;
}
span {
	font-style: italic;
}
.content {
	float: left;
	width: 66%;
	height: 100%;
	display: inline;
}
.image {
	float: right;
	width: 33%;
	height: 100vh;
	background-image: url("img/matt-atherton-574823-unsplash.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	display: inline;
}
img {
	height: auto;
	width: auto;
	max-height: 100%;
	max-width: 100%;
}
.bottom-line {
	position: fixed;
    bottom: 0;
    width: 100%;
	height: 8px;
	background-color: #FFFFFF;
}

@media screen and (max-width: 1200px) {
	.image {
	display: none;
}
}

@media screen and (max-width: 900px) {
	h1 {
	font-size: 3rem;
}
}