@charset "UTF-8";
body, html { height:100%; min-height:100vh; background:#f0f0f0; font-family: 'Cabin', sans-serif;}
.hide { display: none; }
a:link, a:visited { color:inherit; }
img { max-width: 100%; }

.home-image {
	background: url(../images/background.jpg) top center;
	background-size: cover;
	height:250px;
	overflow-y: hidden;
}
h2 {
	font-size:32px; 
	color:#1d1d1d;
	margin-top:40px;
	margin-bottom:50px;
	line-height:40px;
}
h3 {
	font-size:18px;	
	font-weight: normal;
}
table {
	width:100%;
}
table, th, td {
	background: white;
	border: 1px solid #0f0f0f;
	font-size:15px;
}
td { padding:10px 20px; }
.button {
	background: #bacc48;
	border-radius:10px;
	border:none;
	color:white !important;
	display:inline-block;
	font-size:18px;
	padding:10px 40px;
	margin-top:20px;
}   

input[type='text'] {
	padding:		10px;
	border:			1px solid #1d1d1d;
	border-radius: 	10px;
	box-shadow: 	inset -1px 1px 8px -1px rgba(84, 113, 135, 0.3);
	width: 			70%;
}
.details {
	font-size:15x;
}
/* HEADER */ 
.header-container {
	background:white;
	padding-top:40px;
}
.header-container img {
	max-height: 120px;
}
.header .logo a:hover {
	text-decoration:	none;
}
.header .logo:hover { text-decoration:none; }

.transitions {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

/* Mobile overlay */ 
.mobileoverlay .close:hover {
	color:black;
}
.logo { margin-bottom:13px; }

/* FOOTER */ 
.footer-container {
	position: fixed;
	bottom: 0px;
	left: 0;
	right: 0;
	margin-top: 	30px;
	z-index: 999;

	background:#bacc48; 
	color:#3c3c3c; 
	font-size:12px;
}
::-webkit-input-placeholder { color:white; font-size:15px; top:-20px; }
:-ms-input-placeholder { color:white; font-size:15px; top:-20px; }
::-moz-placeholder { color:white; opacity:1; font-size:15px; top:-20px; }
:-moz-placeholder { color:white; opacity:1; font-size:15px; top:-20px; }

@media (min-width:768px) {
	.set-size {
		padding-left:		8%;
		padding-right:	8%;
	}
}

@media (max-width: 767px) {
	.container { min-width:auto; }

	.footer-container {
		background-position: bottom;
		position:relative;
		height: auto;
		padding-top:0;
		margin-top:20px;
	}
	body::before {
		background-position: bottom center;
		background-size: cover;
	}
}
@media (orientation:landscape) and (max-height:420px) {
	.header {
		margin-bottom:10px;
	}
}