/**
 * @license
 * MyFonts Webfont Build ID 3233105, 2016-06-15T01:39:57-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Eurostile-Reg by URW++
 * URL: http://www.myfonts.com/fonts/urw/eurostile/t-regular/
 * Copyright: Copyright 2010 URW++ Design &amp; Development Hamburg
 * Licensed pageviews: 10,000
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3233105
 * 
 * © 2016 MyFonts Inc
*/

@import url("//hello.myfonts.net/count/315551");
@import url("//hello.myfonts.net/count/315556");
  
@font-face {font-family: 'Eurostile-Reg';src: url('webfonts/315551_0_0.eot');src: url('webfonts/315551_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/315551_0_0.woff2') format('woff2'),url('webfonts/315551_0_0.woff') format('woff'),url('webfonts/315551_0_0.ttf') format('truetype'),url('webfonts/315551_0_0.svg#wf') format('svg');}
@font-face {font-family: 'EurostileExt-Reg';src: url('webfonts/315556_0_0.eot');src: url('webfonts/315556_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/315556_0_0.woff2') format('woff2'),url('webfonts/315556_0_0.woff') format('woff'),url('webfonts/315556_0_0.ttf') format('truetype');}


body {margin:20px 0;background:#f89683;}
img {border:0;}
.c {clear:both;}
.hidden {display:none;}

#body {width:50%;margin:150px 25% 50px 25%;}

h1, p, div, span, a {font-family:'EurostileExt-Reg',Helvetica,Sans-serif;font-weight:400;}

h1 {text-align:center;text-transform:lowercase;color:#012169;font-size:20px;}
h1 img {display:block;width:80%;margin:0 auto;max-width:400px;}
ul {list-style:none;padding:0;margin:48px 0;}
ul li {text-align:center;text-transform:uppercase;margin-bottom:18px;color:#012169;}
ul li a {text-decoration:none;color:#012169;font-size:20px;}
ul li img {display:block;width:80%;margin:0 auto;max-width:400px;}
ul li a:hover {color:#fff;}

ul.socialmedia li {float:left;}
ul.socialmedia li a {display:block;width:24px;height:24px;text-decoration:none;margin-right:72px;}
ul.socialmedia li a.facebook {width:12px;}
ul.socialmedia li a.googleplus {width:21px;}
ul.socialmedia li:last-child a {margin-right:0;}
ul.socialmedia li a img {width:100%;}
ul.socialmedia li a img.inactive {display:block;}
ul.socialmedia li a img.active {display:none;}
ul.socialmedia li a:hover img.inactive {display:none;}
ul.socialmedia li a:hover img.active {display:block;}

ul.languages {float:left;}
ul.languages li {float:left;color:#012169;font-size:14px;}
ul.languages li a {text-decoration:none;color:#012169;font-size:14px;}
ul.languages li a:hover {color:#fff;}
ul.languages li a.active {border-bottom:1px solid #012169;}

@media (max-width: 980px)
{
	#body {width:80%;margin:50px 10% 0 10%;}
}

@media (max-width: 765px)
{
	#body {width:95%;margin:50px 2.5% 0 2.5%;}
	ul li a {font-size:18px;}
	h1 {font-size:18px;}
	
	ul.socialmedia li a {margin-right:40px;}
}