html,body {
   height:100%;
}

.cover {
	min-height:100%;
  display:flex;
  align-items:center
}

a {
  text-decoration: none;
	color: white;
}

a:hover {
	color: #cd9557;
	text-decoration: inherit;
}

body {
	font-family: 'Roboto', sans-serif;
	color: white;

}

h1 {
	font-size: 8rem;
}


.logos img {
	width: 100%;
	height: auto;
}

i {
	font-family: 'Roboto', sans-serif;
	font-style: italic;
}

#bg {
	position: fixed;
	background-image: url("../landscape_img_1.jpg");
	background-size: cover;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	z-index: 0 
}

.btn-primary {
	background-color: #cd9557;
	border-style: none;
}


@media (max-width: 850px) {
	h1 {
		font-size: 5rem;
	}
	h2 {
		font-size: 1.5rem;
	}
}

@media (max-width: 768px) {
	#bg {
		background-image: url("../landscape_img_1-high.jpg");
	}

}

@media (max-width: 500px) {
	h1 {
		font-size: 3rem;
	}
h2 {
		font-size: 1.5rem;
	}

}