@media only screen and (min-width: 1366px) {
    body {
        font-size: 1.25vw;
    }
    .nav {
        margin: auto 15%;
        ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
            overflow: hidden;
            background-color: black}
        li {
            float: left}
        li a {
            display: block;
            color: white;
            text-align: center;
            padding: 10px 15px;
            text-decoration: none}
        li a:hover {
            background-color: white;
            color: black}
        .active {
            background-color: white;
            color: black}
        .right {
            float: right
        }
    }
	.hst {
		text-align: center;
		padding: 10px 15px;
		margin: 0.4% 40%;
		font-family: Montserrat, sans-serif}
    .btn {
		font-family: GenEi, sans-serif;
		font-size: 1.25vw;
		margin: auto 15%;
		border: none;
		color: white;
       	text-decoration: none;
       	padding: 10px 15px;
       	background-color: black}
	.btn:hover {
		font-family: GenEi, sans-serif;
		font-size: 1.25vw;
		margin: auto 15%;
		border: none;
		color: white;
       	text-decoration: none;
       	padding: 10px 15px;
       	background-color: white;
		color: black;
		cursor: pointer}
	.media {
		display: flex; 
		margin-right: 15%; 
		margin-left: 15%; 
		align-content: center; 
		justify-content: space-evenly;
		flex-wrap: wrap}
	.header {
		background-color: black; 
		margin: 0.4% 15%}
	h1 {
		margin: 0.4% 15%}
	p {
		margin: 0.4% 15%}
	ul {
		margin: 0.4% 15%}
	h2 {
		margin: 0.4% 15%}
	img {
		width: 28.5%; 
		padding: 10px 10px; 
		background-color: black; 
		margin: 0.4% auto}
}