:root {
	--red: #E2091E; /*better: #d41c2d*/
	--blue: #334E7A;
	--gray: #424242;
	--dark-blue: #2F4858;
	--purple: #9F3286;
	--light-gray: #eeeeee;
	--yellow: #EDE9D0;
}
html  {
	font-size: 16px;
}
* {
	box-sizing: border-box;
}
.hidden {
	display: none;
}
.clearfix::after {
	content: "";
	clear: both;
	display: table;
}
img {
	max-width: 100%;
	max-height: 100%;
	display: block;
}
img.cover {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
img.contain {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.flex {
	display: flex;
}
a.raw {
	text-decoration: none;
	color: inherit;
}
ul.raw {
	list-style: none;
	padding: 0;
	margin: 0;
}
a.button {
	display: inline-block;
	text-decoration: none;
	color: inherit;
}
a.button:hover {
	text-decoration: none;
	color: inherit;
}
.v-center {
	position: relative;
	top: 50%;
	transform:translate(0,-50%);
}
.t-center {
	text-align: center;
}
.relative {
	width: 100%;
	height: 100%;
	position: relative;
}
input[type="submit"]:hover, button:hover {
	cursor: pointer;
}
input[type="submit"]:focus, button:focus, a.button.focus {
	outline: 0;
}
/*menu*/
nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
nav a {
	display: inline-block;
	text-decoration: none;
	color: inherit;
	font-size: 15px;
}
nav a:hover, nav a:focus, nav a:visited {
	color: inherit;
	text-decoration: none;
}


/*headings*/
h1, h2, h3, h4, h5, h6 {
	word-wrap: break-word;
	text-transform: uppercase;
	margin: 0;
}
h2 {
    font-size: 30px;
    font-weight: 600;
}
h3 {
    font-size: 25px;
}
@media screen and (max-width: 1200px) {
	h1 {
		font-size: 28px;
	}
	h2 {
		font-size: 22px;
	}
	h3 {
		font-size: 16px;
	}
}

/*CONTAINER*/
.container {
	max-width: 1200px;
	padding: 0 20px;
	margin: 0 auto;
}
@media screen and (max-width: 1200px) {
	.container {
		max-width: 960px;
	}
}
@media screen and (max-width: 960px) {
	h2 {
		font-size: 20px;
	}
	.container.raw {
		padding: 0;
	}
}