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

@font-face {
    font-family: 'Crimson Text';
    src: url('crimsontext-bold-webfont.eot');
    src: url('crimsontext-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('crimsontext-bold-webfont.woff2') format('woff2'),
         url('crimsontext-bold-webfont.woff') format('woff'),
         url('crimsontext-bold-webfont.ttf') format('truetype'),
         url('crimsontext-bold-webfont.svg#crimson_textbold') format('svg');
    font-weight: 700;
    font-style: normal;

}

@font-face {
    font-family: 'Crimson Text';
    src: url('crimsontext-bolditalic-webfont.eot');
    src: url('crimsontext-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('crimsontext-bolditalic-webfont.woff2') format('woff2'),
         url('crimsontext-bolditalic-webfont.woff') format('woff'),
         url('crimsontext-bolditalic-webfont.ttf') format('truetype'),
         url('crimsontext-bolditalic-webfont.svg#crimson_textbold_italic') format('svg');
    font-weight: 700;
    font-style: italic;

}

@font-face {
    font-family: 'Crimson Text';
    src: url('crimsontext-italic-webfont.eot');
    src: url('crimsontext-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('crimsontext-italic-webfont.woff2') format('woff2'),
         url('crimsontext-italic-webfont.woff') format('woff'),
         url('crimsontext-italic-webfont.ttf') format('truetype'),
         url('crimsontext-italic-webfont.svg#crimson_textitalic') format('svg');
    font-weight: 400;
    font-style: italic;

}

@font-face {
    font-family: 'Crimson Text';
    src: url('crimsontext-regular-webfont.eot');
    src: url('crimsontext-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('crimsontext-regular-webfont.woff2') format('woff2'),
         url('crimsontext-regular-webfont.woff') format('woff'),
         url('crimsontext-regular-webfont.ttf') format('truetype'),
         url('crimsontext-regular-webfont.svg#crimson_textregular') format('svg');
    font-weight: 400;
    font-style: normal;

}

@font-face {
    font-family: 'Crimson Text';
    src: url('crimsontext-semibold-webfont.eot');
    src: url('crimsontext-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('crimsontext-semibold-webfont.woff2') format('woff2'),
         url('crimsontext-semibold-webfont.woff') format('woff'),
         url('crimsontext-semibold-webfont.ttf') format('truetype'),
         url('crimsontext-semibold-webfont.svg#crimson_textsemibold') format('svg');
    font-weight: 600;
    font-style: normal;

}

@font-face {
    font-family: 'Crimson Text';
    src: url('crimsontext-semibolditalic-webfont.eot');
    src: url('crimsontext-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('crimsontext-semibolditalic-webfont.woff2') format('woff2'),
         url('crimsontext-semibolditalic-webfont.woff') format('woff'),
         url('crimsontext-semibolditalic-webfont.ttf') format('truetype'),
         url('crimsontext-semibolditalic-webfont.svg#crimson_textsemibold_italic') format('svg');
    font-weight: 600;
    font-style: italic;

}

html, body{
  height:100%;
}

@media (min-width: 320px) and (max-width: 767px) {

body {
	margin:0;
	padding:0;
	font-weight:400;
	font-family: 'Crimson Text', serif;
	font-size:120%;
	background-color:#fff;
	background:url(../images/logo.gif) bottom left no-repeat;
}

#wrapper {
width:100%;
margin:0 auto;	
}

#header {
	margin:0 auto;
	width:70%;
	height:auto;
	padding:0;
	margin:-17px 0 0 0;
}


#container {
	margin:0 auto;
	color:#a4aaa0;
	text-align:left;
	padding:10% 5% 10% 10%;
	font-family: 'Crimson Text', serif;
	
}


#logo {
	text-align:center; 
	padding:20% 0;
}
	
}

@media (min-width: 768px) {

body {
	margin:0;
	padding:0;
	font-weight:400;
	font-family: 'Crimson Text', serif;
	font-size:130%;
	background-color:#fff;
	background:url(../images/logo.gif) bottom left no-repeat;
}

#wrapper {
width:100%;
margin:0 auto;	
}

#header {
	margin:0 auto;
	width:70%;
	height:auto;
	padding:0;
	margin:-17px 0 0 0;
}


#container {
	margin:0 auto;
	color:#a4aaa0;
	text-align:left;
	padding:10% 10% 10% 10%;
	font-family: 'Crimson Text', serif;
	
}


#logo {
	text-align:center; 
	padding:20% 0;
}
}