/* Scss Document */

@import 'reset';
@import 'variables';
@import 'header';
@import 'footer';

.container {
	max-width: 95vw;
	margin: 0 auto;
}

body {
	font-family: $cabin;
	overflow-x: hidden;
}

a {
	text-decoration: none;
	color: inherit;
}

#hero {
	background-image: url("../graphics/room.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-color: rgba($grey, .7);
	background-blend-mode: multiply;
	#inner-hero {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		padding: 1rem 0 4rem;
		min-height: 300px;
		#top-call {
			color: #fff;
			text-align: center;
			h1 {
				margin: 10px;
				font-size: 38px;
				letter-spacing: 1px;
				font-weight: 700;
			}
			p {
				margin: 10px auto;
				font-size: 18px;
				max-width: 44ch;
				line-height: 1.4;
			}
			.srchBtn {
				padding: 10px 40px;
				display: inline-block;
				margin: 10px auto;
				background: $green;
				text-align: center;
				text-transform: uppercase;
				&:hover {
					background: #fff;
					color: $grey;
				}
			}
		}
	}
}

main {
	padding: 2rem;
	background: $grey;
	color: #fff;
	position: relative;
	border-top: 4px solid #fff;
	img {
		position: absolute;
		top: -80px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		        transform: translateX(-50%);
		max-width: 400px;
	}
	#inner-main {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		padding: 5rem 0 3rem;
		h1 {
			padding: 1rem 0;
			color: $green;
			font-size: 44px;
			font-weight: 700;
			letter-spacing: 1px;
			text-align: center;
		}
	.services {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
		.info {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
			-webkit-box-pack: center;
			    -ms-flex-pack: center;
			        justify-content: center;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			text-align: center;
			margin: 15px;
			i {
				font-size: 32px;
				margin-bottom: 5px;
			}
			h1 {
				font-size: 22px;
				margin-bottom: 5px;
			}
			p {
				max-width: 25ch;
				margin: 0 auto 5px;
				line-height: 1.4;
			}
		}
	}
	}
}