/*media*/
body.media {
	background: #008c96;
}

body.media .site-title a, body.media nav.main-menu li.menu-button, body.media nav.main-menu a {
	color: white;
}

body.media .site-title a:hover, body.media nav.main-menu li.menu-button:hover, body.media nav.main-menu a:hover {
	color: black;
}

body.media li.menu-button.close:after {
	filter: invert(100%);
}

.media-grid {
	width: 100%;
	display: grid;
    grid-gap: 8%;
	grid-template-columns: repeat(2, 46%);
	padding-top: 4vw;
}

.media-item {
	color: white;
	/*
	text-align: justify;
  	text-justify: inter-word;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	padding-right: 4.5vw;
	*/
}

.media-item h1 {
	font-size: 1.6vw;
	text-transform: uppercase;
}

.media-item img {
	width: 35%;
	height: auto;
	margin-top: 1.4vw;
}

/*TABLET*/
@media (max-width:1024px) {
}

/*MOBILE*/
@media (max-width:600px) {
.media-grid {
	width: 100%;
	display: grid;
    grid-gap: 2.5vw;
	grid-template-columns: repeat(1, 100%);
	padding-top: 8vw;
}

.media-item {
	padding-bottom: 8vw;
}

.media-item h1 {
	font-size: 4.2vw;
}

.media-item img {
	width: 50%;
	height: auto;
	margin-top: 2.5vw;
}

body.media ul.menu-items.open {
	background: #008c96;
}

}