body {
    font-family: "Roboto", sans-serif;
    position: relative;
    background: #fafafa;
}

.page__wrapper {
	height: 100vh;
	position: relative;
}

.header-top__wrapper {
    margin-top: 20px;
}

.header-top {
	padding-bottom:20px;
	border-bottom: 1px solid #dddddd;
}


.header-top__big-logo > img {
	width: 180px;
	height: auto;
}

@media (min-width: 412px) {
	.header-top__big-logo > img {
		width: 200px;
	}
}

@media (min-width: 576px) {
	.header-top__big-logo > img {
		width: 256px;
	}
}

.header-top_phone-link {
    border-radius: 50%;
    box-shadow: 0 4px 4px #ccc;
	text-decoration: none;	
}

.header-top_phone-link:hover {
	box-shadow: 0 6px 12px #999;
	text-decoration: none;
	transition: all 0.3s ease-out 0.1s;
}

.main-content__wrapper {
	margin-top: 20px;
}

.hero__title {
	text-align: center;
	font-style: italic;
	font-size: 3.5rem;
	font-weight: 300;
	margin-bottom: 0.5em;
}

.hero__subtitle {
	text-align: center;
	font-style: italic;
	font-size: 1.8rem;
	font-weight: 300;
}

@media (min-width: 576px) {
	.hero__title {
		font-size: 4rem;
	}
	
	.hero__subtitle {
		font-size: 2rem;
	}	
}

.footer-bottom__wrapper {
	margin-top: 20px;
}

.footer-bottom {
	padding:20px;
	border-top: 1px solid #dddddd;
	color: #666666;
}

.footer-bottom__social-link {
	margin: 0 6px 12px 0;
    border-radius: 50%;
    box-shadow: 0 4px 4px #ccc;
	text-decoration: none;
}

.footer-bottom__social-link:hover {
	box-shadow: 0 6px 12px #999;
	text-decoration: none;
	transition: all 0.3s ease-out 0.1s;
}

.footer-bottom__social-link:last-child {
	margin-right: 0;
}

@media (min-width: 576px) {
	.footer-bottom__social-link { margin: 0 10px 0 0; } 
}

.text-accent {
	color: #AD0410;
}