/* open-sans font */
@font-face {
	font-family: "Open Sans";
	src: url('../fonts/OpenSans-Regular.ttf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Open Sans";
	src: url('../fonts/OpenSans-Italic.ttf');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: "Open Sans";
	src: url('../fonts/OpenSans-Light.ttf');
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: "Open Sans";
	src: url('../fonts/OpenSans-LightItalic.ttf');
	font-weight: 200;
	font-style: italic;
}

@font-face {
	font-family: "Open Sans";
	src: url('../fonts/OpenSans-Semibold.ttf');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: "Open Sans";
	src: url('../fonts/OpenSans-SemiboldItalic.ttf');
	font-weight: 600;
	font-style: italic;
}

@font-face {
	font-family: "Open Sans";
	src: url('../fonts/OpenSans-Bold.ttf');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: "Open Sans";
	src: url('../fonts/OpenSans-BoldItalic.ttf');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: "Open Sans";
	src: url('../fonts/OpenSans-ExtraBold.ttf');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: "Open Sans";
	src: url('../fonts/OpenSans-ExtraBoldItalic.ttf');
	font-weight: 800;
	font-style: italic;
}

/* global settings */
* { font-family: "Open Sans", "Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: normal; color: #707070; font-size: 15px;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
html { min-height: 100%; height: 100%; }
html, body { background-color: white; }
body { min-height: 100%; position: relative; }
.top-area { }
.bottom-area { }
.container { max-width: 650px; z-index: 1; position: relative; }

/* header */
header { text-align: center; margin: 50px 0 100px 0; }
.logo { text-align: center; }
.logo h1 { font-size: 18px; text-align: center; }

.language-selector { position: absolute; right: 0px; }
.lang-selector-icon { padding-left: 10px; }
.lang-flag { margin-right: 10px; }
.language-selector li { padding-left: 10px; padding-right: 10px; }

/* main area */
article p { text-align: center; font-size: 14px; }

/* footer */
footer { margin-top: 50px; margin-bottom: 20px; border-top: 1px solid #a0a0a0; padding-top: 50px;}
footer h1 { font-size: 16px; font-weight: 600; margin: 0 0 10px 0;  }
footer h2 { font-size: 14px; font-weight: 600; margin: 0 0 5px 0; }
footer address { font-size: 14px; margin-bottom: 10px; }
footer p { font-size: 14px; }


@media only screen and (max-device-width: 667px)
{
}

@media only screen and (max-device-width: 667px) and (orientation: portrait)
{
}

@media only screen and (min-device-width: 668px) and (max-device-width: 900px) and (orientation: portrait)
{
}