/*
*   Siena for WordPress
*   Copyright 2017, Royalz Themes
*   www.royalzthemes.com
*/

/* Table of Content
==================================================

	- About
	- About Background
	- About Content

================================================== */

/* About
================================================== */

	section.about {
		width: 100vw !important;
	}

	section.about .section-content {
		min-height: 100vh;
		position: relative;
		width: 100vw;
	}

/* About Background
================================================== */

	section.about .section-background {
		background-color: #efefef;
		height: 100%;
		position: absolute;
		width: 100vw;
	}

	section.about .section-background .background {
		background-attachment: fixed;
	}


/* About Content
================================================== */

	section.about .section-text {
		height: 100%;
		position: relative;
		padding-top: 15%;
		padding-bottom: 15%;
		width: 100vw;
	}

	@media only screen and (max-width: 479px) {
		section.about .section-text {
			padding-top: 30%;
			padding-bottom: 30%;
		}
	}

	section.about .section-text .headline {
		margin-bottom: 12px;
	}

	@media only screen and (max-width: 479px) {
		section.about .section-text .headline {
			margin-bottom: 14px;
		}
	}

	section.about .section-text .headline h1 {
		color: #222222;
		cursor: pointer;
		font-family: "Montserrat";
		font-size: 45px;
		font-weight: 500;
		letter-spacing: 0.05em;
		line-height: 1.25;
	}

	@media only screen and (max-width: 479px) {
		section.about .section-text .headline h1 {
			font-size: 35px;
		}
	}

	body.theme-dark section.about .section-text .headline h1 {
		color: #eeeeee;
	}

	section.about .section-text .description {

	}

	section.about .section-text .description-with-offset {
		margin-bottom: 48px;
	}	

	@media only screen and (max-width: 479px) {
		section.about .section-text .description-with-offset {
			margin-bottom: 36px;
		}
	}

	section.about .section-text .description * {
		color: inherit;
		font-size: 13px;
		font-weight: 500;
		letter-spacing: 0.1em;
		line-height: 2.3;
	}

	@media only screen and (max-width: 479px) {
		section.about .section-text .description * {
			font-size: 12px;
			line-height: 2;
		}
	}