@charset "utf-8";
/* CSS Document */

*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}

/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}

/* For mobile phones: */
[class*="col-"] {
  width: 100%;
}

.row::after
{
	content:"";
	clear:both;
	display:table;
}

body
{
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	padding: 0px;
	margin: 0px;
	color: #333;
	line-height: 1.5;
	font-weight:400;
	background:#f6f6f6;
}

.header
{
	background:#2c2c2c;
}

.header-inner
{
	width:100%;
	max-width:1200px;
	margin:0 auto;
}

.header-contact, .footer-contact
{
	background: #474747;
	border-radius: 40px;
	padding: 5px;
	text-decoration: none;
	width: 100%;
	display: block;
	margin: 5px 0 0 0;
}

.footer-contact
{
	background: #ddd;
}

.header-icon, .footer-icon
{
	height: 100%;
	float: left;
	background: #868134;
	border-radius: 50%;
	line-height: 20px;
	width: 38px;
	padding: 10px;
	margin-right:10px;
}

.footer-icon
{
	line-height: 22px;
	width: 44px;
	padding: 12px;
}

.header-info-top, .footer-info-top
{
	margin-bottom: 4px;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
}

.footer-info-top
{
	color:#333;
}

.header-info-bottom, .footer-info-bottom
{
	color: #ccc;
	font-size:12px;
}

.footer-info-bottom
{
	color:#333;
}

.align-right
{
    text-align: center;
	width: 144px;
	height: 50px;
	margin: 0 auto;
}

.align-right a
{
	height: 36px;
	display: block;
	float: right;
	line-height: 1;
	border-radius: 50%;
	background: #474747;
	padding: 10px;
	margin-top: 7px;
	margin-right: 10px;
}
.align-right a:hover
{
	opacity: 0.6;
}

.copyright
{
	padding:15px 0;
	border-top:2px solid #ccc;
}

.align-center
{
	text-align:center;
}

.logo
{
	text-align:center;
	margin:50px auto;
}

.shrinked-inner
{
	position:relative;
	margin-bottom:15px;
}

.essjay-site
{
	position: absolute;
	bottom: 0;
	height:125px;
	background:rgba(134,129,52,0.6);
	width:100%;
	padding:15px;
}



.essjay-site h2
{
	color: #fff;
	margin: 0;
	font-weight: 400;
	font-size: 30px;
}

.essjay-site h3
{
	color: #fff;
	margin: 0;
	font-weight: 400;
	font-size: 18px;
}

.logo img
{
	max-height: 80px;
}

.bottom-logo
{
	margin:50px auto;
}

.bottom-logo img
{
	max-height: 80px;
}

@media only screen and (min-width:768px) {
	/* For Desktops */

	.col-1 {width:8.33%;}
	.col-2 {width:16.66%;}
	.col-3 {width:25%;}
	.col-4 {width:33.33%;}
	.col-5 {width:41.66%;}
	.col-6 {width:50%;}
	.col-7 {width:58.33%;}
	.col-8 {width:66.66%;}
	.col-9 {width:75%;}
	.col-10 {width:83.33%;}
	.col-11 {width:91.66%;}
	.col-12 {width:100%;}
	
	.row
	{
		display:flex;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		overflow: hidden;
	}
	
	.header
	{
		height: 63px;
		padding: 5px 0;
	}
	.align-right
	{
		text-align: right;
		width: auto;
		height: auto;
	}
	.header-contact, .footer-contact
	{
		width: 48%;
		float: left;
		margin-right: 2%;
		margin-top:0;
	}
	.head-container, .main-container
	{
		width:100%;
		max-width:1200px;
		margin:0 auto;
	}
	.shrinked
	{
		width: 90%;
		margin: 0 auto;
	}
	.shrinked-inner
	{
		width: 49%;
		margin: 0 1% 0 0;
	}
	.essjay-site
	{
		height:103px;
	}
}