.hidden{
	opacity: 0;
}

.visible{
	opacity: 1;
}

h2 {
font-family: 'Caveat', cursive;
font-size: 65px;
color: #7f0700;
text-decoration: none;
font-weight: bold;
margin: 20px 0 40px 0;
text-align: center;
}

p {
font-size: 26px;
line-height: 150%;
}

/* SLIDER */

.sliderArea {
display: block;
clear: both;
overflow: hidden;
width: 100%;
height: auto;
background: #ececec url(../images/bg-slider.jpg) no-repeat;
background-size: cover;
}


/* TITLE BAR */

.titlebarArea {
display: block;
clear: both;
overflow: hidden;
width: 100%;
height: auto;
background-color: #3c0502;
}
.titlebar {
max-width: 1300px;
height: auto;
margin: 0 auto;
padding: 4px 0;
}
.titlebar h1 {
font-family: 'Open Sans', sans-serif;
font-size: 32px;
color: white;
text-decoration: none;
font-weight: normal;
text-align: center;
}

/* SERVICES */
.servArea {
display: block;
box-sizing: border-box;
overflow: hidden;
clear: both;
width: 100%;
height: auto;
padding: 30px 10px;
background-color: #faf3e6;
}
.col1 {
display: block;
box-sizing: border-box;
overflow: hidden;
width: 50%;
height: auto;
float: left;
}
	.col1 img {
	display: block;
	width: 80%;
	height: auto;
	margin: 0 auto;
	border: white 4px solid;
	}
.col2 {
display: block;
box-sizing: border-box;
overflow: hidden;
width: 50%;
height: auto;
float: right;
text-align: left;
font-family: 'Open Sans', sans-serif;
font-size: 22px;
color: #413432;
text-decoration: none;
font-weight: normal;
}

@media screen and (max-width: 1315px) {
	.titlebar {
	padding: 0 5px;
	}
	.col1 {
	width: 100%;
	float: none;
	}
		.col1 img {
		width: 60%;
		margin-bottom: 15px;
		}
	.col2 {
	width: 100%;
	float: none;
	padding: 0 15px;
	}		
}
@media screen and (max-width: 1173px) {
	.services img {
	max-height: 100px;
	}
}
@media screen and (max-width: 650px) {
	h2 {
	font-size: 40px;
	}
	p {
	font-size: 22px;
	}
	.titlebar h1 {
	font-size: 24px;
	}
		.col1 img {
		width: 90%;
		}	
}