html, body {
	font-family: 'Roboto', serif;
}
a {
	color:#000000; 
	text-decoration:none;
}
a:hover {
	color:#000000; 
}
.merriweather {
	font-family: 'Merriweather', serif;
}
.roboto {
	font-family: 'Roboto', serif;
}
.header-title {
	font-weight: bold;
	font-size: 2em;
	line-height: 0.95em;
}
.separator-small {
	border-top: 1px solid #000000;
	max-width: 130px;
	margin: 0px auto;
	margin-top: 12px;
}

@media only screen and (min-width: 768px) {
	.desktop-only {
		display:block !important;
	}
	.mobile-only {
		display:none !important;
	}
}
@media only screen and (max-width: 768px) {
	.desktop-only {
		display:none !important;
	}
	.mobile-only {
		display:block !important;
	}
}
.socials a {
	color: #000000;
	text-decoration: none;
}
.section-title {
	background: url('/storage/assets/images/bg-titles.png') repeat top left scroll;
}
.section-title-label {
	font-family: 'Merriweather';
	line-height: 1.8em;
	font-size: 1.6em;
	padding: 20px;
	background-color: #ffffff;
}
#backToTop {
    display: none;
    position: fixed;
    bottom: 0px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #cccccc;
    color: white;
    cursor: pointer;
    padding: 15px;
    font-size: 18px;
}

#backToTop:hover {
    background-color: #999999;
}
.footer-links a {
	text-decoration: none;
	color: #000000;
}
.footer-links a:hover {
	text-decoration: underline;
  	text-decoration-color: #cccccc;
  	text-underline-offset: 5px;
}
.btn-christine {
	background-color: #000000;
	color: #ffffff;
	font-family: 'Merriweather';
	font-size: 1.25em;
}
.btn-christine:hover {
	color: #ffffff;
}
.avail-box {
	border: 1px solid #000000;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: center;
	margin-top: 10px;
	font-size: 0.8em;
}
.available {
	background-color: #ffffff;
	color: #000000;
}
.sold-out {
	background-color: #000000;
	color: #ffffff;
}