@charset "UTF-8";
html {height:100%;}
body {padding:0; margin:0; background:#fff;height:100%;color:#000;}
p {line-height: 1.2; font-family: "proxima-nova",sans-serif;font-weight: 100; font-size:14px;padding-bottom: 3px;}
h2 {font-family: "freight-big-pro",serif;font-weight: 400;font-size:28px; padding: 12px 0;}
a {font-style: italic; color: #000;text-decoration: none;}
a:hover {text-decoration: underline}
table {width:100%;height:100%}
tr {vertical-align: middle;width:100%;height:100%}
td.left_tab {background: url('../bgms.png') repeat;text-align:center; width: 50%;}
#left_col {text-align:center;}
td.right_tab {text-align:center;width: 50%;}
#right_col {text-align:left;margin: 0 10%;}
#logomobile {display: none;}
img.logo{width: 60%}
span.lf{background: #000; padding: 2px 10px; float: right;}
span.lf a{color: #fff;}
#lfmobile {display: none;}
p.language{font-size: 10px}
	@media screen and (max-width: 1060px) {
		img.logo{width: 70%}
}	
	@media screen and (max-width: 768px) {
		img.logo{width: 80%}
}	
	@media screen and (max-width: 599px) {
td.left_tab {display:none;}
td.right_tab {text-align:center;width: 100%;}
#right_col {text-align:center;margin: -150px 10% 0 10%;}
#logomobile {background: url('../bgms.png') repeat; display: block;text-align: center; padding: 60px 10px;}
#logomobile img {width:70%;}
p.language{padding-top: 60px;}
p.nomobile{display:none;}
span.lf{display: none}
#lfmobile {display: block; background: #000; padding: 5px 10px; margin-top: 60px; text-align: center;}
#lfmobile a{color: #fff;font-style: normal;font-size: 12px;}
}