@font-face { font-family: 'Source Sans Pro'; src: url('../fonts/sourcesanspro/sourcesanspro-black-webfont.woff2') format('woff2'), url('../fonts/sourcesanspro/sourcesanspro-black-webfont.woff') format('woff'); font-weight: 900; font-style: normal;}
@font-face { font-family: 'Source Sans Pro'; src: url('../fonts/sourcesanspro/sourcesanspro-bold-webfont.woff2') format('woff2'), url('../fonts/sourcesanspro/sourcesanspro-bold-webfont.woff') format('woff'); font-weight: 700; font-style: normal;}
@font-face { font-family: 'Source Sans Pro'; src: url('../fonts/sourcesanspro/sourcesanspro-extralight-webfont.woff2') format('woff2'), url('../fonts/sourcesanspro/sourcesanspro-extralight-webfont.woff') format('woff'); font-weight: 200; font-style: normal;}
@font-face { font-family: 'Source Sans Pro'; src: url('../fonts/sourcesanspro/sourcesanspro-light-webfont.woff2') format('woff2'), url('../fonts/sourcesanspro/sourcesanspro-light-webfont.woff') format('woff'); font-weight: 300; font-style: normal;}
@font-face { font-family: 'Source Sans Pro'; src: url('../fonts/sourcesanspro/sourcesanspro-regular-webfont.woff2') format('woff2'), url('../fonts/sourcesanspro/sourcesanspro-regular-webfont.woff') format('woff'); font-weight: 400; font-style: normal;}
@font-face { font-family: 'Source Sans Pro'; src: url('../fonts/sourcesanspro/sourcesanspro-semibold-webfont.woff2') format('woff2'), url('../fonts/sourcesanspro/sourcesanspro-semibold-webfont.woff') format('woff'); font-weight: 600; font-style: normal;}


html,
body { margin: 0; padding: 0; color: #c8d300; font: 20px/24px 'Source Sans Pro', sans-serif; background: #988a80;}

h3 { font-weight: 700; font-size: 20px; line-height: 24px; margin: 0;}

p { margin: 0;}

a { color: #c8d300; text-decoration: none;}
a:hover { text-decoration: underline; }

ul { margin: 0; padding: 0;}
ul li { list-style: none;}
ul li:before { content: "///"; display: inline-block; margin-right: 5px; }

.inner { width: 770px; margin: 0 auto;}
.header-wrap { background: #c8d300; padding: 80px 0;}
.header-wrap img { width: 570px; height: auto; margin: 0 auto; display: block;}

.main-wrap { background: #483729; padding: 80px 0;}
.main-wrap img { width: 470px; height: auto; margin: 0 auto 55px; display: block}

.col-60-40-wrap { overflow: hidden;}
.col-60-40-wrap .col { float: left; margin-right: 30px; width: calc(((100% - 7 * 30px) / 8) * 5 + (4 * 30px));}
.col-60-40-wrap .col2 { width: calc(((100% - 7 * 30px) / 8) * 3 + (2 * 30px)); margin-right: 0;}

.footer-wrap { background: #988a80; overflow: hidden; padding: 23px 0;}
.footer-wrap ul { width: 250px; margin: 0 auto;}
.footer-wrap ul li { float: left; color: #483729;}
.footer-wrap ul li:first-child { margin-right: 5px; }
.footer-wrap ul li:first-child:before { display: none;}
.footer-wrap a { color: #483729;}


@media (max-width: 800px){

.inner { width: 90% }

.header-wrap img,
.main-wrap img { width: 100%; height: auto;}

}


@media (max-width: 500px){

	.col-60-40-wrap .col { width: 100%; margin-right: 0;}
	.col-60-40-wrap .col1 { margin-bottom: 30px; }

	}