.row.contentsection {
    padding: 30px;
}

.contentarea img {
	height: auto;
}

.gallery .pics {
	margin: 5px;
}
.blog #main article {
	clear: both;
}
.blog .alignleft img {
	max-width: 320px;
	height: auto;
}
.single .alignleft img {
	max-width: 450px;
}
.contact-page-info {
    margin-top: 50px;
}
@supports (object-fit: cover) {
	.gallery .pics img {
		width: 380px;
		height: 380px;
	}
}

.internal-page .main-wrap .container {
    position: relative;
    background: #c5a573;
    border: 1px solid #d0b283;
    box-shadow: 0 0 20px rgba(0,0,0,0.4);
    padding: 20px;
    margin: -295px auto 43px;
	max-width: 1200px;
    z-index: 2;
}

.internal-page .contentsection {
    background: #cbac7b;
    border: 5px solid #dbbd8f;
    box-shadow: 0 0 20px rgba(0,0,0,0.4);
}

#sidebar1 .inner {
    width: 275px;
}

#sidebar1 h4 {
    padding: 0 0.5em;
    color: #fff;
    text-transform: uppercase;
    background: #2b4247;
    width: 100%;
    font-weight: 500;
}

#sidebar1 ul {
    margin: 0;
    list-style: none;
    padding: 0.5em 0;
}

#sidebar1 ul li {
    line-height: 2;
}

#sidebar1 ul li a {
	display: block;
	padding: 0 0.5em;
	width: 100%;
}

#sidebar1 ul li a:hover {    
    text-decoration: none;
    color: #fff;
    background-color: #467785;	
}

/*BLOG*/

.blog .main-wrap .container {
    background: unset;
    border: none;
    box-shadow: none;
    margin: 0 auto;
    max-width: 1240px;
}

.blog .contentsection {
    background: unset;
    border: none;
    box-shadow: none;
}

.blog #main h1 a {
    color: #467785;
}

.blog #main h1 a:hover {
    color: #005580;
}

/* RESPONSIVE 
-----------------------------------------------*/
@media (min-width: 1200px) and (max-width: 1400px) {
}

@media only screen and (min-width: 980px) {
} 

@media (max-width: 1025px) {
}

@media only screen and (max-width: 979px) {
}

@media all and (max-width: 767px) {
	div#sidebar1 {
		display: none;
	}
} 

@media all and (max-width: 600px) {
}

@media only screen and (max-width: 480px) {
	.gallery .pics {
		margin: 0 0 10px;
	}
	
	@supports (object-fit: cover) {
		.gallery .pics img {
			width: 300px;
			height: 300px;
		}
	}
}