/* ==========================================================================
   Base styles
============================================================================= */
h1 {
	font-size: 36px;
}
h2 {
	font-size: 28px;
}
h3 {
	font-size: 24px;
}

/* ==========================================================================
   Helper classes
============================================================================= */
.sd-hidden,
.md-visible {
	display: block;
}
.md-hidden,
.sd-visible {
	display: none;
}

/* ==========================================================================
   Layout
============================================================================= */
.flex {
	display: flex;
	flex-wrap: wrap;
}
.flex .flex {
	margin-left: -16px;
	width: calc(100% + 32px);
}
.column {
	margin: 0 16px;
	width: calc(100% - 32px);
}
.column-1,
.column-2,
.column-3 {
	margin: 24px 16px 42px;
	width: calc(50% - 32px);
}

/* ==========================================================================
   Document header
============================================================================= */
.document-header .menu-button {
	right: 32px;
}
.document-header .icon-facebook-rounded{
	right: 62px;
}
.document-header .main-navigation {
	padding-right: 32px;
}

/* ==========================================================================
   Document footer
============================================================================= */
.document-footer .photo-bottom {
	height: 220px;
}

/* ==========================================================================
   Document content
============================================================================= */
.document-content .photo-top {
	margin-bottom: 32px;
}
.document-content .photo-top .icon-scroll {
	bottom: 32px;
}
.document-content .main-article .column,
.document-content .main-article .column-1,
.document-content .main-article .column-2,
.document-content .main-article .column-3 {
	margin-bottom: 32px;
}
.document-content .main-article .map {
	height: 480px;
}
.document-content .form .form-column {
	float: left;
	width: 50%;
}
.document-content .form .form-column:nth-child(1) {
	padding-right: 8px;
}
.document-content .form .form-column:nth-child(2) {
	padding-left: 8px;
}

/* ==========================================================================
   Specific styles
============================================================================= */
.single-new .document-content .article-content {
	margin: 0 auto;
	max-width: 768px;
}
.single-new .document-content .article-photo {
	margin: 64px 0;
}