@import url(https://fonts.googleapis.com/css?family=Open Sans);

@import url('https://fonts.googleapis.com/css?family=Open+Sans');

body {

	background: #fafafa;

    font-family:'Open Sans', sans-serif;

    font-size: 16px;

	color: #222;

    font-weight: 400;

    line-height: 21px;

    margin: 0;

}





.btn-one 

{ color: white!important;

    background-color: #861019!important;

    border-color: #ccc!important;

    font-size: 19px!important;

    padding: 5px 20px!important;

}





img.header-logo {

    width: 91px;

    margin: 10px 0 0;

}

header.custom-header {

    background: #fff;

}

ul.social-media {

    text-align: right;

    padding-top: 33px;

    text-decoration-color: blue;

}

.inner-div {

    /*background: rgba(144, 198, 203, 0.7);

    height: 100vh;*/

	position:relative;

}

.custom-menu {

    margin: 0 auto;

	text-align:center;

    padding: 101px 0;

}

.custom-menu li {

    list-style: none;

    display: block;

}

.main-menu.custom-menu {

    margin: 0 auto;

    padding: 40px 0 21px;

	text-align:left;

}

.main-menu.custom-menu li {

    display: inline-block;

}

.main-menu.custom-menu li a {

	font-size: 15px;

	line-height: 25px;

	color: #222;

    padding: 5px 10px;

    font-weight: 600;

	/* transition: .3s; */

}

.main-menu.custom-menu li a:hover {

    background: none;

    color: #871019;

    text-decoration: none;

}

.heading {

	font-family:'Open Sans', sans-serif;

	font-size: 51px;

	font-weight: 900;

	line-height: 59px;

	color: #871019;

	text-align:center;

	/* border-top: 2px solid #871019; */

	padding: 10px 0 30px;

}

.heading:before {

    content: "";

    display: block;

    border-top: 2px solid #871019;

    background: #222;

    height: 2px;

    width: 279px;

    text-align: center;

    margin: 10px auto;

}

.logo-heading {

    font-family:'Open Sans', sans-serif;

    font-size: 51px;

    font-weight: 900;

    line-height: 59px;

    color: #871019;

    padding: 30px 20px 30px;

}

.about-pic {

    border: 5px solid #fafafa;

    border-radius: 4px;

    margin-left: 10px;

    width: auto;

    max-width: 100%;

}

.about h2, .contact-form h2  {

    font-size: 30px;

    margin-top: 0;

	font-weight:700;

}



.body-container {

    padding: 30px 10px;

    min-height: 329px;

}

.col-sm-3.col-xs-6.gallery-box {

    text-align: center;

    padding: 0 !important;

}

.gallery-box img {

    height: 261px;

    object-fit: cover;

    width: 275px;

    max-width: 100%;

}

.gallery-box{

	margin-bottom:5px;

}

footer {

	margin-top: 61px;

	padding: 10px;

	background: rgba(255, 238, 189, 0.5);

	float: left;

	width: 100%;

}

.footer-logo {

    width: 99px;

}

.social-media .fa {

    font-size: 17px;

    color: #851019;

    padding: 7px;

    height: 25px;

    width: 25px;

    text-align: center;

    text-decoration: none;

}

.form-title {

    font-size: 41px;

    font-weight: 700;

    line-height: 41px;

    margin-bottom: 21px;

    margin-top: 0;

}

.btn-default {

    color: #333;

    background-color: #fff;

    border-color: #ccc;

    font-size: 24px;

    padding: 5px 20px;

}



/* ============================= Responsive CSS =================================*/



@media screen and (-webkit-min-device-pixel-ratio: 0) {}



/* for Macbook Pro */

@media screen and (max-device-width: 1280px) {}



@media screen and (max-device-width: 1199px) {

	.gallery-box img {

		height: 200px;

		width: 200px;

	}

	footer span {

		display: block;

		font-size: 18px !important;

	}



}

@media screen and (max-device-width: 991px) {

	.gallery-box img {

		height: 150px;

		width: 150px;

	}

	.main-menu.custom-menu li a {

    	font-size: 21px;

	}

	.logo-heading {

    	font-size: 37px;

	}



}



/* for 768px or less */

@media screen and (min-device-width: 768px) and (max-device-width: 991px){}



@media only screen and (min-device-width: 768px) {}



/* for 640px or less */

@media only screen and (max-device-width: 767px) {



.main-menu.custom-menu li a:hover {

    background: url(../images/pencel.png) no-repeat top right;

    background-size: 51px 37px;

    color: #871019;

}

.main-menu.custom-menu li a{

	padding: 2px 57px;

	font-size: 29px;

	line-height: 41px;

}

.custom-menu {

    padding: 79px 0;

}

footer span {

    display: block;

    font-size: 16px !important;

}

.custom-menu li a {

    font-size: 29px;

    line-height: 41px;

}

.logo-heading {

    font-size: 47px;

    line-height: 51px;

    text-align: center;

}

.main-menu.custom-menu {

    padding: 7px 0;

}

.main-menu.custom-menu li {

	display: block;

	text-align: center;

	padding: 5px 0;

}

.col-sm-3.col-xs-6.gallery-box {

    text-align: center;

}

.gallery-box img {

    height: 311px;

    width: 311px;

}

 .outer-div, .inner-div {

    height: auto;

    position: relative;

}



.about-pic {

    border: 5px solid #fafafa;

    border-radius: 4px;

    /* margin-left: 10px; */

    width: auto;

    max-width: 100%;

    margin-bottom: 15px;

}	



/* for 480px or less */

@media screen and (max-width: 639px) {

	.gallery-box img {

		height: 261px;

		width: 261px;

	}

	footer{

		padding: 10px 0;

	}

	.footer-logo {

		width: 67px;

	}

}





@media screen and (min-device-width: 320px) and (max-device-width: 479px){

	.gallery-box img {

		height: 131px;

		width: 131px;

	}

	.col-xs-6.gallery-box {

		padding: 0;

	}

	.footer-logo {

		width: 67px;

	}

	footer span {

		display: block;

		font-size: 12px !important;

		padding: 0 !important;

	}

}