:root {
	--color-primary: #e25858;
	--color-gradient-start: #e25858;
	--color-gradient-stop: #e25858;
}

body {
	font-family: 'Roboto', sans-serif;	
	font-size: 14px;
	line-height: 1.5em;
	letter-spacing: 0.02em;
	color: #808291;
}

.h1, h1,
.h2, h2,
.h3, h3,
.h4, h4,
.h5, h5,
.h6, h6 {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	color: #181b31;
}

.h1,
h1 {
	font-size: 52px;
	line-height: 1.2em;
}

.h2,
h2 {
	font-size: 40px;
	line-height: 1.2em;
}

.h3,
h3 {
	font-size: 36px;
	line-height: 1.2em;
}

.h4,
h4 {
	font-size: 30px;
	line-height: 1.333em;
}

.h5,
h5 {
	font-size: 21px;
	line-height: 1.2em;
}

.h6,
h6 {
	font-size: 18px;
	line-height: 1.2em;
}

.main-nav {
	
	> li {
		
		> a {
			font-family: 'Roboto', sans-serif;
			font-weight: 500;
			font-style: normal;
			font-size: 13px;
			letter-spacing: 0.1em;
			color: rgba(#000, 0.75);
			text-transform: uppercase;

			.link-ext {
				background: var(--color-primary);
			}
		}
		&.is-active > a,
		&.current-menu-item > a,
		&:hover > a,
		> a:hover {
			color: var(--color-primary);
		}
	}

}

.contact-form input,
.contact-form select,
.contact-form textarea,
.contact-form .ui-selectmenu-button {
	border-color: rgba(#fff, 0.2);
	font-size: 15px;
	color: #fff;

	&:focus {
		color: #fff;
	}
}

.main-footer {
	background-color: #30333a;
	color: #92959b;
	padding-top: 80px;

	a:not(.btn) {
		color: inherit;

		&:hover {
			color: #fff;
		}
	}
}