@charset "utf-8";
/*
 * Copyright © 2016 | Website Design by Webfrog Studios
 *
 */
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */


#middle-menu, .mid-box {


	
}

.left-box {

	background-color: #efefef;
	padding: 15px;
	height: initial;
	display: flex;
	align-items: center;
	
}

.left-box .flex-container h2 {
	
	font-family: 'Raleway';
	font-weight: 300;
	font-size: 25px;
	color: #303030;
	margin: 0;
	margin-bottom: 30px;
	
}

.left-box p {

	font-family: 'Raleway';
	font-weight: 400;
	font-size: 14px;
	color: #303030;
	/*line-height: 2em; wtf */
	
}

.range-view, .contact-us {

	padding: 10px 20px;
	font-family: 'Raleway';
	border: 1px solid #1b4e6e;
	font-weight: 400;
	font-size: 16px;
	display: block;
	margin-bottom: 20px;
	position: relative;
	
	
}

.range-view i, .contact-us i {

    position: absolute;
    top: 10%;
    right: 30px;
	
}

.range-view {

	background-color: #1b4e6e;
	color: #FFF;
	
}

.contact-us {

	background-color: #FFF;
	color: #1b4e6e;
	margin-left: 0;
	
}

.range-view:hover, .contact-us:hover {
	
	color: #FFF;
	background-color: #1d1d1d;
	transition: ease-in 0.4s;
	
}

.right-box {

	/*background-color: #0F9;*/
	padding: 0;
	
}

.mid-right-box {

	height: 250px;	
}

.right-box .box-1 {

	background-color: #FFF;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 15px;
	
}

.right-box .box-1 p {
	
	color: #303030;
	font-size: 21px;
	font-family: 'Raleway';
	font-weight: 400;
	line-height: 1.25em;
	border: 1px solid #1b4e6e;
	padding: 50px;
	
}

.right-box .box-4 {

	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 15px;
	
}

.right-box .box-4:after {
	
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(23, 62, 87, 0.8);
	
}

.gallery-view {
	
	font-size: 21px;
	color: #FFF;
	font-family: 'Raleway';
	font-weight: 300;
	border: 1px solid #FFF;
	padding: 10px 20px;
	z-index: 100;
	
}

.gallery-view:hover {

	color: #FFF;
	background-color: #1d1d1d;
	transition: ease-in 0.4s;
	
}

.gallery-view i {

	padding-left: 20px;
	vertical-align: sub;
	
}



/*
 * Copyright © 2016 | Website Design by Webfrog Studios
 *
 */
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	

.left-box {

	background-color: #efefef;
	padding: 0 5%;
	height: 500px;
	display: flex;
	align-items: center;
	
}	


}
/*
 * Copyright © 2016 | Website Design by Webfrog Studios
 *
 */
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	
.range-view, .contact-us {

	padding: 10px 20px;
	font-family: 'Raleway';
	border: 1px solid #1b4e6e;
	font-weight: 400;
	font-size: 16px;
	display: inline-block;
	margin-top: 15px;
		
	
}

.range-view i, .contact-us i {

	vertical-align: sub;
	padding-left: 60px;
	position: relative;
	
}

.contact-us {

	margin-left: 20px;
	
}


}
/*
 * Copyright © 2016 | Website Design by Webfrog Studios
 *
 */
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	
.range-view, .contact-us {

	padding: 10px 10px;
	font-family: 'Raleway';
	border: 1px solid #1b4e6e;
	font-weight: 400;
	font-size: 16px;
	
}



}
/*
 * Copyright © 2016 | Website Design by Webfrog Studios
 *
 */
/* Large devices (xlarge desktops, 1200px and up) */
@media (min-width: 1600px) {
	
.range-view, .contact-us {

	padding: 10px 20px;
	font-family: 'Raleway';
	border: 1px solid #1b4e6e;
	font-weight: 400;
	font-size: 16px;
	
}

	
}