@import url('https://fonts.googleapis.com/css?family=Lato');

body {
	font-family: 'Lato', 'Arial', sans-serif;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #dbdbdb;
	color: #281b03;
	font-size: 1.0em;
}

.big-centered-text {
	position: absolute;
	z-index: 100;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 5.0em;
	font-weight: bold;
	min-width: 60%;
}

.gradient-container {
	position: relative;
}

.gradient-top {
	position: absolute;
	z-index: 1;
	top: 0;
	height: 15vh;
	width: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d8d2c0+0,dbdbdb+100 */
	background: #d8d2c0; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #d8d2c0 0%, #dbdbdb 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8d2c0), color-stop(100%,#dbdbdb)); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(top,  #d8d2c0 0%,#dbdbdb 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(top,  #d8d2c0 0%,#dbdbdb 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(top,  #d8d2c0 0%,#dbdbdb 100%); /* IE10 preview */
	background: linear-gradient(to bottom,  #d8d2c0 0%,#dbdbdb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d2c0', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-8 */
}

.gradient-bottom {
	position: fixed;
	bottom: 0;
	z-index: 2;
	height: 15vh;
	width: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dbdbdb+0,d8d2c0+100 */
	background: #dbdbdb; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #dbdbdb 0%, #d8d2c0 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdbdb), color-stop(100%,#d8d2c0)); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(top,  #dbdbdb 0%,#d8d2c0 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(top,  #dbdbdb 0%,#d8d2c0 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(top,  #dbdbdb 0%,#d8d2c0 100%); /* IE10 preview */
	background: linear-gradient(to bottom,  #dbdbdb 0%,#d8d2c0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#d8d2c0',GradientType=0 ); /* IE6-8 */
}

.text-grey {
	color: #594a31;
	font-size: 0.8em;
}

.text-title {
	font-size: 1.0em;
	line-height: 1.0em;
}

.text-subtitle {
	font-size: 0.5em;
	line-height: 1.5em;
	letter-spacing: 5px;
}

.left-title {
	padding: 25px;
	padding-top: 0.55em;
	text-align: right;
	position: relative;
}

.right-title {
	padding: 25px;
	border-left: 1px solid #000;
	text-align: left;
	position: relative;
}

.space-sm {
	height: 20px;
}

hr {
	border: 0;
    height: 1px;
	width: 100%;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
	margin: 0;
	padding: 0;
}

@media screen and (max-width: 1075px) {
	.big-centered-text {
		font-size: 3.0em;
	}
	
	.text-title {
		padding-top: 25px;
		line-height: 1.0em;
	}
}

@media screen and (max-width: 991px) {
	.big-centered-text {
		font-size: 2.5em;
	}
	
	.text-title {
		line-height: 1.5em;
	}
	
	.left-title,
	.right-title {
		text-align: center;
		padding: 5px;
		border: 0;
	}
}

@media screen and (max-width: 400px) {
	.big-centered-text {
		font-size: 2.0em;
	}
}