/* Fonts */
@font-face {
    font-family: 'webSlab';
	src:url('fonts/matterhornserif-regular.eot?#iefix') format("embedded-opentype"),
		url('fonts/matterhornserif-regular.woff') format("woff"),
		url('fonts/matterhornserif-regular.ttf') format("truetype"),
		url('fonts/matterhornserif-regular.svg#MatterhornSerifRegular') format("svg");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'webSlab';
	src:url('fonts/matterhornserif-bold.eot?#iefix') format("embedded-opentype"),
		url('fonts/matterhornserif-bold.woff') format("woff"),
		url('fonts/matterhornserif-bold.ttf') format("truetype"),
		url('fonts/matterhornserif-bold.svg#MatterhornSerifBold') format("svg");
    font-weight: 700;
    font-style: normal;
}
@font-face {
	font-family:'webSans';
	src:url('fonts/matterhorn-regular.eot?#iefix') format("embedded-opentype"),
		url('fonts/matterhorn-regular.woff') format("woff"),
		url('fonts/matterhorn-regular.ttf') format("truetype"),
		url('fonts/matterhorn-regular.svg#MatterhornRegular') format("svg");
	font-weight:400;
	font-style:normal
}
@font-face {
	font-family:'webSans';
	src:url('fonts/matterhorn-semibold.eot?#iefix') format("embedded-opentype"),
		url('fonts/matterhorn-semibold.woff') format("woff"),
		url('fonts/matterhorn-semibold.ttf') format("truetype"),
		url('fonts/matterhorn-semibold.svg#MatterhornSemiBold') format("svg");
	font-weight:600;
	font-style:normal
}
@font-face {
	font-family:'webSans';
	src:url('fonts/matterhorn-bold.eot?#iefix') format("embedded-opentype"),
		url('fonts/matterhorn-bold.woff') format("woff"),
		url('fonts/matterhorn-bold.ttf') format("truetype"),
		url('fonts/matterhorn-bold.svg#MatterhornBold') format("svg");
	font-weight:700;
	font-style:normal
}

*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
html,
body {
  font-size: 100%;
}
body {
  color: #222222;
  padding: 0;
  font-family: 'webSans', Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  position: relative;
  cursor: auto;
}
a {
	color: #207d98;
	text-decoration: none;
}
a:hover {
	cursor: pointer;
	text-decoration: underline;
}
img {
	max-width: 100%;
	height: auto;
	display: inline-block;
	vertical-align: middle;
	-ms-interpolation-mode: bicubic;
}
.left {
	float: left !important;
}
.right {
	float: right !important;
}
.clearfix {
	*zoom: 1;
}
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.hide {
	display: none;
}
.row {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	max-width: 62.5em;
	*zoom: 1;
}
.row:before, .row:after {
	content: " ";
	display: table;
}
.row:after {
	clear: both;
}
.row.collapse > .column,
.row.collapse > .columns {
	position: relative;
	padding-left: 0;
	padding-right: 0;
	float: left;
}
.row.collapse .row {
	margin-left: 0;
	margin-right: 0;
}
.row .row {
	width: auto;
	margin-left: -0.9375em;
	margin-right: -0.9375em;
	margin-top: 0;
	margin-bottom: 0;
	max-width: none;
	*zoom: 1;
}
.row .row:before, .row .row:after {
	content: " ";
	display: table;
}
.row .row:after {
	clear: both;
}
.row .row.collapse {
	width: auto;
	margin: 0;
	max-width: none;
	*zoom: 1;
}
.row .row.collapse:before, .row .row.collapse:after {
	content: " ";
	display: table;
}
.row .row.collapse:after {
	clear: both;
}
.column,
.columns {
	position: relative;
	padding-left: 0.9375em;
	padding-right: 0.9375em;
	width: 100%;
	float: left;
}

@media only screen {
	.column,
	.columns {
		position: relative;
		padding-left: 0.9375em;
		padding-right: 0.9375em;
		float: left;
	}
	body {
		background: #fff;
	}
	.wrapper {
		width: 100%;
		max-width: 56.3em;
	    padding: 0;
	    margin: 0 auto;
	}
	.wrapper .content {
		width: 100%;
		padding: 0;
		margin: 0;
		background: #fff;
		box-shadow: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
	}
	.head {
		padding: 0;
	}
	.head .logo {
		padding: 0.425em 0.313em 0.625em;
		text-align: center;
		background: transparent url('../img/head-bg-stars.png') no-repeat right top;
	}
	.head .title { 
		margin: 0 auto;
		text-align: center;
		padding: 0.875em 0 0.938em;
		background: #fbfaf9;
		border-top: 1px solid #ebebeb;
		border-bottom: 1px solid #ebebeb;
		text-shadow: 1px 1px 0 #fff;
	}
	.head .title h1, .head .title h2 {
		padding: 0;
		margin: 0;
	}
	.head .title h1 {
		font-size: 1.250em;
		line-height: 1.250em;
		font-family: 'webSlab', serif;
		font-weight: bold;
		padding: 0 0 0.250em;
		color: #248FA9;
	}
	.head .title h2 {
		font-size: 0.813em;
		line-height: 0.813em;
		font-weight: normal;
		color: #686868;
	}
	.main-wrap {
		padding: 1em 0;
	}
	.main-wrap .main {
		max-width: 750px;
	}
	.main-wrap .main .country-wrap {
		padding: 1em 0;
	}
	.main-wrap .main .country-wrap .country-border {
		width: 14.375em;
		height: 3.625em;
		margin: 0 auto;
	}
	.main-wrap .main .country-wrap .country-border .country {
		width: 14.375em;
		height: 3.625em;
	}
	.main-wrap .main .country-wrap .country-border .country .flag {
		float: left;
		width: 3.875em;
	}
	.main-wrap .main .country-wrap .country-border .country .icon, .main .country .icon img {
		height: 3.625em;
		width: 3.875em;
	}
	.main-wrap .main .country-wrap .country-border .country .site {
		float: left;
		width: 10.500em;
		height: 3.625em;
	}
	.main-wrap .main .country-wrap .country-border .country .site .site-text {
		padding: 1.375em 0 0 0.938em;
		font-size: 1em;
		font-weight: normal;
	}
	.copyright {
	    padding: 1.500em 0;
	    text-align: center;
	    font-size: 0.688em;
	    color: #888;
		text-shadow: 1px 1px 0 #fff;
	}
}

@media only screen and (min-width: 37.500em) {
	.medium-push-6 {
		position: relative;
		left: 50%;
		right: auto;
	}
	.medium-pull-6 {
		position: relative;
		right: 50%;
		left: auto;
	}
	.column,
	.columns {
		position: relative;
		padding-left: 0.9375em;
		padding-right: 0.9375em;
		float: left;
	}
	.medium-6 {
		position: relative;
		width: 50%;
	}
	body {
		background: #fff url('../img/background.gif') repeat 0 0;
	}
	.wrapper {
	    padding: 2.500em 1.250em 0.500em;
	}
	.wrapper .content {
		box-shadow: 0 0 0.313em 0.063em rgba(0, 0, 0, .3);
	    -webkit-border-radius: 0.625em;
	    -moz-border-radius: 0.625em;
	    border-radius: 0.625em;
	}
	.main-wrap {
		padding: 1.750em 0;
	}
	.main-wrap .main .country-wrap {
		padding: 1.250em 0;
	}
}