@font-face {
    font-family: 'DIN-Regular';
    src: url(../font/DIN-Regular.woff);
}

@font-face {
    font-family: 'MyriadPro-Light';
    src: url(../font/MyriadPro-Light.woff);
}

@font-face {
    font-family: 'MyriadPro-Semibold';
    src: url(../font/MyriadPro-Semibold.woff);
}



div { font-size: 20px; font-family: 'MyriadPro-Light';  }
a, a:active {  }
a:hover {  }
h1,h2,h3,h4,h5,h6 {  font-family: 'MyriadPro-Semibold'; line-height: 1.1; }

#response_message { position:fixed; z-index:1000; padding:15px; width:100%; display:none; }
#response_message .close { float:right;  font-size:26px; line-height:26px; }
#response_message.success { border-bottom:#33a904 solid 1px; background:#c2eeb1; color:#33a904; }
#response_message.success .close { color:#33a904; }
#response_message.fail { border-bottom:#8d0202 solid 1px; background:#FFE5E2; color:#8d0202; }
#response_message.fail .close { color:#8d0202; }

.custom404 { color: #fff; }
.custom404 .column { text-align: center; }
.custom404 img { width: 180px; margin-top: 50px; margin-bottom: 50px; }
.custom404 a.back { background:#cf9409; color: #fff; padding: 12px 25px; margin-top: 30px; display: inline-block; border-radius: 8px;  }
.custom404 a.back:hover { text-decoration: none; background: #e8ad20; }

#mobile_header { position: fixed; top:0; width: 100%; left: 0; background: #d4990c; height: 50px; }
#mobile_header .logo { top:10px; position: absolute; left: 10px; }
#mobile_header .logo img { width: 70px; }
#mobile_header .menu { float: right; }
#mobile_header .menu img { width: 40px; margin: 5px 5px 0 0; }

html, body { height: 100%; background: #000; }
#home { position: relative; background: url(../img/background_home.jpg) no-repeat center center; background-size: cover; }
#home #logo { top:100px; width: 100%;  text-align: center; position: absolute;  }
#home #logo img { width: 288px; box-shadow: #333 0 0 10px; }
#home #invitation { position: absolute; top:50%; transform:translate(0,-50%); text-align: center; width: 100%; }
#home #invitation a { font-family:'DIN-Regular'; background: #eea904; padding: 6px 30px; border-radius: 10px; display: inline-block; color: #000; font-size: 24px; text-transform: uppercase; }
#home #invitation a:hover { text-decoration: none; background: #e8ad20; }
#home #slogan { font-family:'DIN-Regular'; padding: 0 30px; bottom: 100px; width: 100%;  text-align: center; position: absolute; font-size: 30px; color: #fff;  }

#page { }
#page header { height: 464px; background-size: cover; text-align: center; padding-top: 76px; position: relative; }
#page nav { background:#d4990c; padding: 25px 10px; border-radius: 8px; display: inline-block; width: 100%; }
#page nav a { font-family:'DIN-Regular'; color: #000; font-size: 26px; text-transform: uppercase; line-height: 1; display: block; text-align: center;}
#page table, #page tbody { width: 100%; background: none; border:none; margin: 0; }
#page table {  }
#page table td { padding: 0; border-right: #000 solid 1px; }
#page table td:last-child { border-right: none; }
#page .slogan { line-height: 1.1; font-family:'DIN-Regular'; font-size: 37px; letter-spacing: 2px; color: #fff; text-align: center; position: absolute; bottom: 40px; text-align: center; width: 100%; }
#page .content { background: #fff; margin-bottom: 186px; padding:70px 0;  }
#page .content h1 { color: #d4990c; font-size: 40px; margin-bottom: 30px; }
#page .content h2 { color: #000; font-size: 30px; }
#page .content p { margin-bottom: 40px;}

/* Overlay mobile menu */
#fullmenu { display:none;  position: fixed;overflow-y: scroll; -webkit-overflow-scrolling: touch; z-index: 1001; background-color: rgba(33,33,33, 0.95); width: 100%; height: 100%;  top:0; }
#fullmenu .nav { text-align: center;  color: white;  text-align:center; padding-bottom:60px; }
#fullmenu .nav ul {  vertical-align: middle;  padding-left: 0 !important; margin:70px 0 0 0;   }
#fullmenu .nav ul li { list-style: none; }
#fullmenu .nav ul li hr { border-color: #fff;}
#fullmenu .nav ul li a {   font-size: 34px; color:#d4990c; text-decoration: none; letter-spacing:-1px; text-transform: uppercase; }
#fullmenu .nav ul li a i { margin-right:10px; }
#fullmenu .nav ul li a.small { font-size:20px; }
#fullmenu .nav ul li ul { margin:20px 0 30px 0; background: #3970ad; padding: 30px 0; }
#fullmenu .nav ul li ul li { padding: 5px 0; }
#fullmenu .nav ul li ul li a { font-size:24px; }
#fullmenu .nav .submenu { display:none; }
#fullmenu .nav .gap_top { padding-top:30px; }
#fullmenu .nav .gap_bottom { padding-bottom:20px; }
#fullmenu .nav .close_menu { position:absolute; top:20px; right:20px; }
#fullmenu .nav .close_menu img { width:36px; }

@media only screen and (min-width: 64.063em) and (max-width: 76.7em) { 
	
}

/* Tablet */
@media only screen and (min-width: 48em) and (max-width: 64em) { 
	#page nav a { font-size: 22px; }
}


@media only screen and (min-width: 40.063em) and (max-width: 48em) { 
	#page nav { padding: 15px 10px; }
	#page nav a { font-size: 15px; }
}



/* Mobile */
@media only screen and (max-width: 40em) {
	
	#home #logo { top:40px; }
	#home #logo img { width: 200px;  }

	#home #invitation a { font-size: 20px; }
	#home #slogan { bottom: 40px; font-size: 20px; }

	#page nav a { display: none; }

	#page header { height: 300px; }
	#page .slogan { font-size: 30px; } 
	#page .content { padding: 40px 0; }

}

/* Landscape */
@media only screen and (min-width: 320px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {

  	#home #logo {  top:20px; }
  	#home #logo img { width: 130px;  }
  	#home #invitation a { font-size: 16px; padding: 6px 20px; }
  	#home #slogan { bottom: 20px; font-size: 16px; }

}