html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

blockquote, q {
	quotes: none;

	&:before,
	&:after {
		content: '';
	}
}

blockquote {
	position: relative;
	margin: 0 0 1em;
	font-size: 17px;
	letter-spacing: 0.04em;
	padding-top: 40px;

	p {
		margin: 0;
		& + p {
			margin-top: 1em;
		}
	}

	cite {
		text-align: center;
		display: block;
		margin-top: 1.3em;
		font-size: 20px;
		font-weight: 700;
		font-style: normal;

		span {
			@include font-size(0.875);
			letter-spacing: 0.04em;
		}
	}

	&:before {
		position: absolute;
		top: 0;
		content: "\201C";
		font-size: 60px;
		font-weight: 700;
		font-family: sans-serif;
		line-height: 1;
		display: inline-block;
		height: 27px;
	}

	p + & {
		margin-top: 1.8em;
	}

	& + p {
		margin-top: 1.8em;
	}
}

hr {
	background-color: $color__background-hr;
	border: 0;
	height: 1px;
	margin: 4.5em 0 3.7em;
}

/*--------------------------------------------------------------
## Lists
--------------------------------------------------------------*/
@import "lists";

/*--------------------------------------------------------------
## Tables
--------------------------------------------------------------*/
@import "tables";

/*--------------------------------------------------------------
## Preloader
--------------------------------------------------------------*/
@import "page-preloader";

/*--------------------------------------------------------------
## ToTop button
--------------------------------------------------------------*/
@import "totop-button";
