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

 * {
font-variant-ligatures: none;
}

html {
    box-sizing: border-box;
}
*, *:before, *:after {
    box-sizing: inherit
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    font-family: "Raleway", sans-serif;
    color: #444444;
    line-height: 1.8;
    font-size: 16px;
}

body, html {
    height: 100%;
}
h1, h2, h3, h4, h5, h6 {
    letter-spacing: 1.5px;
    line-height: 1.3;	
}

img {
    max-width: 100%;
    max-height: 100%;
}

h1 {
    color: #222121;
	font-size: 50px;
	line-height: 1;
	}
	
h2 {
    color: #777b64;
    font-size: 40px;
    font-weight: 800;
	letter-spacing: 1.1px;
	}
	
h3 {
    color: #BC6D39;	
	letter-spacing: 1.2px;
	line-height: 1;
	}
	
h4 {
    color: #ff6319;	
	letter-spacing: 2px;
	line-height: 1;
	font-size: 16px;
	}

.artaBlock {
	background-color: #D8DAD1;
	width: 100%;
	height: auto;
	padding-top: 32px;
	padding-bottom: 64px;
	text-align: center;
	
	
}
.whiteBlock {
	background-color: #F7F7F7;
	width: 100%;
	height: auto;
	padding-top: 32px;
	padding-bottom: 64px;
	text-align: center;
	
	
}
.twoCol {
	float: left;
	width: 49%;
	text-align: left;
	padding-left: 64px;
	padding-right: 64px;
 
}

a:link, a:visited, .jslink {
	
    background-color: #c1c5b0;
    color: white;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 0px;
    margin-top: 10px;
    line-height: 1.2;
    cursor: pointer;
	
	max-width: 250px;
}

.jslink {
	
	right: 10px;
	width: auto;
    padding: 5px 15px;
	margin-top: 10px;

}
a:hover, a:active, .jslink:hover {
    background-color: #777b64;
    color: white;
}

.footerNames {
    width: 100%;
    height: auto;
    text-align: center;
    float: left;
    padding-bottom: 60px;
}

.clearAll {
	clear: both;
}


@media (max-width:600px) {


	.twoCol {
		width: 100%;
	padding-left: 16px;
	padding-right: 16px;
	}
	
}