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

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

@import url('https://fonts.googleapis.com/css?family=Shadows+Into+Light');

body {

	background: #eaeaea;

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

    font-size: 16px;

	color: #222;

    font-weight: 400;

    line-height: 21px;

    margin: 0;

}

.blog-logo img {

    width: 490px;

}

img.header-logo {

    width: 91px;

    margin: 10px 0 0;

}

header.custom-header {

    background: #fff;

}

ul.social-media {

    text-align: right;

    padding-top: 33px;

}

.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: #136289;

    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 {

    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: 411px;

    object-fit: cover;

    width: 275px;

    max-width: 100%;

}

.gallery-box{

	margin-bottom:5px;

}

.table {
  display: table;         
  width: auto;         
  background-color: #eee;         
  border: 1px solid #666666;         
  border-spacing: 5px; /* cellspacing:poor IE support for  this */
}
.table-row {
  display: table-row;
  width: auto;
  clear: both;
}
.table-col {
  float: left; /* fix for  buggy browsers */
  display: table-column;         
  width: 200px;         
  background-color: #ccc;  
}

footer {

	margin-top: 61px;

	padding: 10px;

	background: #cecece;

	float: left;

	width: 100%;

	font-family: 'Shadows Into Light', cursive;

}

.footer-logo {

    width: 99px;

}

.social-media .fa {

    font-size: 17px;

    color: #04739c;

    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;

}



header.custom-header.header-cover {

	background: #1D1D1D;

}

.header {

	padding: 100px 0;

	height: 75vh;

	background: no-repeat center;

	background-size: cover;

}

.header-cover {

	overflow-y: hidden;

}

.section {

	/*padding: 10% 0;*/

	position: relative;

}

.header-inner {

	position: relative;

	z-index: 2;

	text-align: center;

}

.section-inner {

	width: 1040px;

	max-width: 86%;

	margin: 0 auto;

}

.main-menu.custom-menu {

	margin: 0 auto;

	padding: 21px 0 10px;

	text-align: left;

}

.blog-logo {

	position: absolute;

	right: 0;

	left: 0;

	top: 50px;

	margin: 0 auto;

}

.header-cover .custom-menu li a, .fontawesome-text{

	color:#fff;

}

.custom-menu li:before {

	content: "/";

	display: inline-block;

	margin-top: -9px;

	margin-left: -3px;

	font-size: 17px;

	color: #444;

	padding: 0 7px;

}

.custom-menu li:first-child:before {

	content: none;

}



h1.post-title {

    font-size: 41px;

    line-height: 55px;

    font-weight: 600;

}

.post-content h3 {

    font-size: 27px;

    line-height: 35px;

    font-weight: 600;

    margin-bottom: 30px;

    margin-top: 30px;

}

.post-content p {

    font-size: 20px;

    line-height: 31px;

	margin-bottom: 30px;

}



.form-group {

    margin-bottom: 15px;

    margin-top: 20px;

}



#bottom-top {

    position: fixed;

    bottom: 30px;

    right: 30px;

	cursor: pointer;

    opacity: 0;

    visibility: hidden;

    z-index: 1000;

}

#bottom-top img {

    width: 60px;

}

#bottom-top.show {

  opacity: 1;

  visibility: visible;

}





/* ============================= 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: #136289;

}

.blog-logo img {

	width: 250px;

}

.custom-menu li:before{

	content:none;

}

h1.post-title {

    font-size: 31px;

    line-height: 35px;

    font-weight: 600;

}

.main-menu.custom-menu li a{

	padding: 2px 25px;

	font-size: 16px;

	line-height: 24px;

}

.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;

}	



footer span {

    font-family: 'Shadows Into Light', cursive;

}



/* for 480px or less */

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

	.header {

		padding: 100px 0;

		height: 50vh;

	}

	.gallery-box img {

		height: 241px;

		width: 161px;

	}

	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;

	}

}