@CHARSET "UTF-8";

/* --------- MAIN--------- */

html, body, h1, h2, h3, h4, h5, h6, div, span, blockquote, p, form, button, fieldset, img, dl, dt, dd, li, hr, strong, a, b, small
{
	margin: 0;
	padding: 0;
	border: 0;
}

/* --------- MAIN END --------- */

html, body {
	width: 100%;
	height: 100%;
	font-family: "Archivo Narrow";
}

.half {
	width:50%;
	height: 100%
}

.left {
	float:left;
}

.right {
	float:right;
}

.top {
	width:100%;
	height: 100px;
}

.middle {
	width:100%;
	height: 640px;
	background-color: #394136;
}

.bottom {
	width:100%;	
	height: calc(100% - 740px);
}

.image-block-width {
	width: 427px;
}

.bg-image {
	background-image: url("image/art_conservation.jpg")
}

.content {
	text-align: left;
	padding:20px;
}

h1 {
	margin-bottom: 20px;
	font-size:2.7em;
}


li {
	margin-bottom: 3px;
	font-size:1.1em;
}

/* -------- colors -------------- */
.bottom-gray {
	background-color: #525E4A;
}

.bottom-green {
	background-color: #797337;
}

.bottom-beige {
	background-color: #E4E1C6;
}

.dark-green {
	background-color: #33AD7C;
}

.light-green {
	background-color: #80D8B2;
}

.top-brown {
	background-color: #806A3B;
}

.middle-gray {
	background-color: #394136;
}

.middle-white {
	background-color: #F4F7F3;
}
/* -------- colors end -------------- */