/*
Theme Name: The Century
Theme URI: thecentury.com.au
Author: PK @ AdVisible
Author URI: http://advisible.com.au
Description: Custom theme for The Century
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* =============================================================================
     Reset & other bits and pieces
   ========================================================================== */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
     margin: 0;
     padding: 0;
     border: 0;
     font-size: 100%;
     font: inherit;
     vertical-align: baseline;
}

html {
     -webkit-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
     display: block;
}

body {
     line-height: 1;
}

ol, ul {
     list-style: none;
     list-style-image: none;
     margin: 1em 0;
}

blockquote, q {
     quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
     content: '';
     content: none;
}

table {
     border-collapse: collapse;
     border-spacing: 0;
}

img {
     max-width: 100%;
     border: 0;
     -ms-interpolation-mode: bicubic;
     vertical-align: middle;
margin-bottom: 25px;
}

::-moz-selection { background: #605743; color: #fff; text-shadow: none; }
::selection { background: #605743; color: #fff; text-shadow: none; }
.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }
::-webkit-scrollbar {width: 10px; }   
::-webkit-scrollbar-track {background-color: rgb(88, 75, 55); }
::-webkit-scrollbar-thumb {background-color: #453824;-webkit-border-radius: 15px;border-radius: 15px;} 
::-webkit-scrollbar-button {background-color: rgb(88, 75, 55);} 
::-webkit-scrollbar-corner {background-color: black;}
body {scrollbar-face-color: #b46868;} /* IE */

/* =============================================================================
   Typography
   ========================================================================== */
html {font-size: 14px;}
body {font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300;}
a {text-decoration: none; color: #000; -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
a:hover {color: #8d8065;}
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
i {font-style: italic;}
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
h1, h2, h3, h4, h5, h6 { color:inherit; text-rendering: optimizeLegibility; line-height: 1.2em; margin-bottom:1em; font-weight: 500;}
.post p, .page p {margin-bottom: 1em;line-height: 1.2em;}
.gold {color: #8d8065;}
.post h1 { font-size: 38.5px;}
.post h2 { font-size: 31.5px;}
.post h3 { font-size: 24.5px;}
.post h4 { font-size: 17.5px;}
.post h5 { font-size: 14px;}
.post h6 { font-size: 11.9px;}
.post h1 small { font-size: 24.5px;}
.post h2 small { font-size: 17.5px;}
.post h3 small { font-size: 14px;}
.post h4 small { font-size: 14px;}

/* =============================================================================
   Main
   ========================================================================== */

html { 
  background: url(images/home-bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -webkit-font-smoothing: antialiased;
  text-align: center;
}

.header-inside,
#home-wrap {
	position: relative;
	width: 1150px;
	margin: 0 auto;
}

#home-wrap {
	padding-left: 40px;
	margin-top: 9px;
}

header {
	background: url(images/navbg.png) repeat-x center;
	margin-top: 10px;
	padding-left: 50px;
	position: relative;
	z-index: 2000;
}

header a {
	color: #fff;
}

header nav ul li {
	display: inline-block;
	margin: 0;
	padding: 0;
}

.head-left-nav,
.head-right-nav  {
	width: 415px;
	float: left;
	margin-top: 32px;
}

.head-left-nav ul li,
.head-right-nav ul li {
	padding: 15px 25px 15px 25px;
	margin-left: -4px;
	border-right: 1px solid #5e5544;
	border-left: 1px solid #413b2e;
}

header nav ul li:first-child{
	border-left: none;
}

header nav ul li:last-child {
	border-right: none;
}

.head-left-nav {
	float: left;
	margin-right: -28px;
}

.head-right-nav {
	float: left;
	margin-left: -40px;
}

header h1 {
	width: 330px;
	float: left;
	margin: 10px -5px 0 -10px;
}

.logo {
	max-width: 75%;
}

.home-slide img {
	position:relative;
	top: -32px;
	-moz-box-shadow: 0px 1px 6px 1px rgb(24, 24, 24);
	-webkit-box-shadow: 0px 1px 6px 1px rgb(24, 24, 24);
	box-shadow: 0px 1px 6px 1px rgb(24, 24, 24);
}

/* =============================
   Home content boxes
   ============================= */
   
.home-box {
	background: #000000;
	color: #ffffff;
	height: 250px;
	width: 250px;
	-moz-box-shadow: 0px 1px 6px 1px rgb(24, 24, 24);
	-webkit-box-shadow: 0px 1px 6px 1px rgb(24, 24, 24);
	box-shadow: 0px 1px 6px 1px rgb(24, 24, 24);
}

.home-box a {
	color: #ffffff;
}

#home-boxes {
	position: relative;
	z-index: 100;
	margin: -50px auto;
}

.home-box {
	float: left;
}

#home-boxes h3 {
	font-size: 2em;
	font-weight: 600;
	letter-spacing: -1px;
	margin-top: -0.8em;
	margin-bottom: 5px;
}

#home-boxes h2 small {
	font-size: 1.1em;
}

#home-contact,
#home-mailing {
	margin-top: 250px;
	padding: 0 10px 0 10px;
}

#home-contact h2 small {
	margin-left: -30px;
	font-size: 0.95em;
}

#home-reservation h2 small {
	margin-left: -65px;
}

#home-mailing h2 small {
	margin-left: -40px;
}

.home-box-heading {
	width: 220px;
	margin: 10px auto 20px;
	border-bottom: 1px solid #8d8065;
}

.home-gold-tab {
	position: absolute;
	left: 65px;
	top: 90px;
}

.home-gold-tab p {
	font-weight: 600;
	margin-top: -72px;
	font-size: 1.2em;
}

.home-book-now {
	margin: 10px 0 10px 0;
	padding-top: 55px;
}


.home-book-now p {
	font-weight: 600;
	font-size: 1.3em;
	letter-spacing: -1px;
	margin-top: -33px;
}

.home-book-details {
	margin-top: 10px;
}

.home-book-details a:first-child {
	font-size: 1.3em;
	font-weight: 600;
	line-height: 2.2em;
	letter-spacing: -1px;
}

#home-contact p {
	margin: 5px 0 0 20px;
	font-size: 1.1em;
	text-align: left;
}

.home-contact-social {
	margin-top: 20px;
	margin-left: -3px;
}

.home-contact-social a img:hover {
	position: relative;
	top: 1px;
}

#home-latest {
	margin-left: -100px;
	position: absolute;
	top: 0px;
	right: 100px;
}

.home-black-tab {
	position: absolute;
	top: -49px;
	right: 202px;
	width: 202px;
	z-index: 100;
}

.home-black-tab h4 {
	color: #ffffff;
	font-weight: 600;
	position: relative;
	top: 57px;
	font-size: 1.3em;
}

.home-latest-content {
	height: 500px;
	width: 250px;
	padding: 30px;
	background:  rgb(102, 87, 63);
	-moz-box-shadow: 0px 1px 6px 1px rgb(24, 24, 24);
	-webkit-box-shadow: 0px 1px 6px 1px rgb(24, 24, 24);
	box-shadow: 0px 1px 6px 1px rgb(24, 24, 24);
	position: absolute;
	right: -30px;
	top: 0px;
}

.home-post {
	height: 350px;
	overflow: hidden;
}

.goldencentury {
	width: 220px;
	position: absolute;
	bottom: -5px;
	left: 15px;
	text-align: center;
	padding-top: 15px;
	border-top: 1px solid #4e4231;
}

.goldencentury img {
	margin-right: 2px;
}

.goldencentury p {
	margin-top: 10px;
	font-size: 0.9em;
}

.mobile {
	display: none;
}

.book-now-button {
	-moz-box-shadow:inset 0px 1px 0px 0px #cccccc;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cccccc;
	box-shadow:inset 0px 1px 0px 0px #cccccc;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8f8267), color-stop(1, #605743) );
	background:-moz-linear-gradient( center top, #8f8267 5%, #605743 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8f8267', endColorstr='#605743');
	background-color:#8f8267;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	display:inline-block;
	color:#ffffff;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-size: 17px;
	font-weight:bold;
	padding:10px 20px;
	text-decoration:none;
	text-shadow:1px 1px 0px #61635c;
}

.book-now-button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #605743), color-stop(1, #8f8267) );
	background:-moz-linear-gradient( center top, #605743 5%, #8f8267 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#605743', endColorstr='#8f8267');
	background-color:#605743;
}

.book-now-button:active {
	position:relative;
	top:1px;
}

.subscribe-button {
	-moz-box-shadow:inset 0px 1px 0px 0px #cccccc;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cccccc;
	box-shadow:inset 0px 1px 0px 0px #cccccc;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8f8267), color-stop(1, #605743) );
	background:-moz-linear-gradient( center top, #8f8267 5%, #605743 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8f8267', endColorstr='#605743');
	background-color:#8f8267;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	border:1px solid #000000;
	display:inline-block;
	color:#ffffff;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-size:17px;
	font-weight:bold;
	padding:10px 20px;
	text-decoration:none;
	text-shadow:1px 1px 0px rgb(98, 99, 92);
}

.subscribe-button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #605743), color-stop(1, #8f8267) );
	background:-moz-linear-gradient( center top, #605743 5%, #8f8267 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#605743', endColorstr='#8f8267');
	background-color:#605743;
}

.subscribe-button:active {
	position:relative;
	top:1px;
}

/* =============================
   Footer
   ============================= */
   
footer {
	position: fixed;
	bottom: 10px;
	right: 10px;
}

footer p, footer a {
	font-size: 0.8em;
	color: #ffffff;
}

/* =============================
   Page
   ============================= */

.page, .post{
	position: relative;
	width: 800px;
	margin: 100px auto;
	padding: 60px 30px 20px 50px;
	background: rgb(88, 75, 55);
	-moz-box-shadow: 0px 1px 6px 1px rgb(24, 24, 24);
	-webkit-box-shadow: 0px 1px 6px 1px rgb(24, 24, 24);
	box-shadow: 0px 1px 6px 1px rgb(24, 24, 24);
}

.page-header-image {
	position: relative;
	z-index: -10;
	top: 50px;
	left: 0px;
	width: 100%;
	margin: -82px auto;	
	-moz-box-shadow: 0px 1px 6px 1px rgb(24, 24, 24);
	-webkit-box-shadow: 0px 1px 6px 1px rgb(24, 24, 24);
	box-shadow: 0px 1px 6px 1px rgb(24, 24, 24);
}

.page-content, .loop-wrap {
	padding: 5px 15px 5px 5px;
	position: relative;
	text-align: left;
}

#contact-page .page-content,
#contact-page .page {
	height: auto;
	margin-bottom: 40px; 
}

.page-content a, 
.page-content p {
	color: #ffffff;
}

.pageheader {
	position: absolute;
	top: -50px;
	left: -135px;
}

.pageheader h2 {
	font-size: 2em;
	font-weight: 600;
	color: #ffffff;
	position: relative;
	top: -70px;
	left: -80px;
	letter-spacing: -1px;
}

#private-dining .pageheader h2 {
	left: -15px;
}

#post-content {
	border-bottom: 2px solid #423923;
	height: auto;
	margin-bottom: 20px;
}

#post-content h2 {
	font-size: 2em;
	font-weight: bold;
	margin-bottom: 1em;
	letter-spacing: -1px;
}

.meta {
	font-size: 0.8em;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 10px;
}

.meta p, .meta a {
	color: #786e59;
}

.home-latest-content .meta {
	padding-top: 0px;
}

.moretag {
	display: block;
	font-weight: bold;
	font-size: 0.8em;
	margin-top: 1em;
	text-align: right;
}

.home-latest-content {
	text-align: left;
}

.latest-title {
	color: #ffffff;
	font-weight: bold;
	font-size: 1.8em;
	letter-spacing: -1px;
}

.home-latest-content p,
.home-latest-content a {
	margin-bottom: 1.2em;
	line-height: 1.2em;
	color: #ffffff;
}

.page-content h3{
	font-size: 1.2em;
	font-weight: bold;
	color: #ffffff;
}

a .menu-box {
	background: #000000;
	padding: 25px 10px 25px 10px;
	margin: 10px 10px 10px 35px;
	width: 165px;
	height: 80px;
	float: left;
	text-align: left;
	position: relative;
	z-index: 1000;
}

a .menu-box:after {
	position: absolute;
	z-index: -10;
	content:"";
	width: 0; 
	height: 0; 
	left: 165px;
	top: 0px;
	border-top: 40px solid transparent;
	border-bottom: 40px solid transparent;
	border-left: 20px solid #000000;
}

.menu-box p {
	font-size: 1.2em;
	font-weight: bold;
	color: #ffffff;
	margin-left: 10px;
	margin-bottom: 0;
}

.menu-box sup {
	font-size: 0.6em;
}

.menu-box p span {
	font-size: 1.4em;
}

.menu-box p {-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.menu-box p:hover {
	color: #8d8065;
}

a .media-link {
	display: block;
}

.media-box {
  background: #000000;
  height: 150px;
  padding-top: 25px;
  width: 80%;
  position: relative;
}

.media-box:after {
  content: "";
  position: absolute;
  top: 0px;
  right: -50px;
  height: 0;
  width: 0;
  border-top: 75px solid transparent;
  border-bottom: 75px solid transparent;
  border-left: 50px solid #000000; 
}


.media-box img {
  float: left;
  margin: 0 50px 0 50px;
}

.media-box-heading strong {
	font-size: 1.5em;
}

.media-box-heading p:first-child {
	margin-bottom: 0;
}

/* =============================
   Contact
   ============================= */

.contact-left {
	width: 330px;
	float: left;
	padding-right: 70px;
	border-right: 3px solid #423923;
}

.contact-right {
	width: 300px;
	float: right;
	margin-top: -15px;
}

.wpcf7 input,
.wpcf7 textarea {
	width: 170px;
	padding: 5px;
	margin: 0 0 0 10px;
	border: none;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: inset 2px 2px 2px rgb(116, 116, 116);
	-webkit-box-shadow: inset 2px 2px 2px rgb(116, 116, 116);
	box-shadow: inset 2px 2px 2px rgb(116, 116, 116);
}

.contact-align {
	text-align: right;
}

#submit {
	width: 75px;
	background: #ffffff;
	-moz-box-shadow: 0px 1px 6px 1px rgb(56, 56, 56);
	-webkit-box-shadow: 0px 1px 6px 1px rgb(56, 56, 56);
	box-shadow: 0px 1px 6px 1px rgb(56, 56, 56);
}

.contact-left h2,
.contact-right h2 {
	font-size: 1.5em;
	color: #ffffff;
	font-weight: bold;
}

.contact-right p {
	margin-bottom: 0.5em;
}
 
.wpcf7 .wpcf7-mail-sent-ok,
.wpcf7 .wpcf7-validation-errors {
	border:none;
	position: relative;
	left: 20px; 
	color: #ffffff;
	font-weight: bold;	
	text-align: center;
	background: #41ce51;
	margin: 0;
	padding: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0px 1px 6px 1px rgb(70, 70, 70);
	-webkit-box-shadow: 0px 1px 6px 1px rgb(70, 70, 70);
	box-shadow: 0px 1px 6px 1px rgb(70, 70, 70);
}
 
.wpcf7 .wpcf7-validation-errors {
	background: #E15331;
}

.wpcf7 .wpcf7-mail-sent-ng {
	border: none;
	background-color: #cf2d38;
	margin: 0;
	padding: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: white;
}
 
.wpcf7 span.wpcf7-not-valid-tip {
	border: none;
	position: absolute;
	top: -15px;
	left: 130px;
	background-color: #cf2d38;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
	border-radius:10px;
	width: 180px;
	color: white;
	-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
	box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
}

.message-fix {
	position: relative;
	top: -70px;
}

.booking-button {
	margin-bottom: 20px;
}

.booking-button .book-now-button {
	-moz-box-shadow: inset 0px -1px 0px 0px rgb(56, 51, 39);
	-webkit-box-shadow: inset 0px -1px 0px 0px rgb(56, 51, 39);
	box-shadow: inset 0px -1px 0px 0px rgb(56, 51, 39);
}

/* =============================================================================
   MQ
   ========================================================================== */

/* =============================
   1024px
   ============================= */

@media only screen 
and (max-width : 1024px) {

.home-gold-tab,
.footer-copy,
.black-tab-img {
	display: none;
}

.logo {
	max-width: 100%;
}

header {
	height: 120px;
	margin: 15px auto;
	padding: 0;
}

.header-inside {
	width: 720px;
	margin: 0 auto;
	padding-left: 10px;
}

.head-left-nav,
.head-right-nav {
	width: 270px;
	margin-top: 25px;
	margin-left: 0;
	margin-right: 0;
}

.header-inside h1 {
	margin-top: 6px;
	width: 25%;
}

.head-left-nav ul li,
.head-right-nav ul li {
	padding: 5px 10px 5px 10px;
}

.home-slide {
	position:relative;
}

.home-box-heading {
	padding-top: 5px;
}

#home-wrap {
	width: 100%;
	margin-bottom: 100px;
	padding: 0 10% 0 10%;
}

#home-latest {
	position: absolute;
	right: 10px;
}

#home-boxes {
	padding-top: 10px;
	padding: 10px 50% 0 10%;
}

#home-contact {
	margin-right:  0;
}

.home-box {
	float: none;
	margin-left: -30px;
}

#home-boxes h3,
.latest-title {
	letter-spacing: 0px;
}

.home-book-now {
	margin-top: -8px;
}

#home-contact,
#home-mailing {
	margin-top: 0;
}

#home-contact {
	margin-top: 350px;
}

#home-reservation {
	margin-top: -550px;
}

#home-mailing {
	margin-top: 330px;
}

.home-black-tab {
	position: absolute;
	top: 70px;
	right: 9px;
	width: 251px;
	height: 50px;
	background: #000000;
	-moz-box-shadow: 0px -1px 6px 0px rgb(24, 24, 24);
	-webkit-box-shadow: 0px -1px 6px 0px rgb(24, 24, 24);
	box-shadow: 0px -1px 6px 0px rgb(24, 24, 24);
}

.home-black-tab:after {
	content: "";
	position: absolute;
	left: 0%;
	right: 100%;
	width: 0;
	height: 0;
	border-left: 125px solid transparent;
	border-right: 125px solid transparent;
	border-top: 20px solid #000000;
	margin: 5px 0 0 0px;
}

.home-black-tab h4 {
	top: 16px;
}

.home-latest-content {
	padding-top: 50px;
	right: 10px;
	top: 120px;
}
   
.page, .post {
	width: 90%;
	margin-top: 25px;
	margin-bottom: 50px;
	padding: 60px 30px 50px 30px;
	height: auto;
}

.page-header-image {
	margin: -30px auto;
	top: 0px;
}

.pageheader {
	top: -38px;
	left: -55px;
	width: 250px;
}

.pageheader h2 {
	font-size: 2em;
	top: -59px;
	left: -38px;
}

.page-content, .loop-wrap {
	padding: 5px 5px 0 5px;
	height: auto;
}

.contact-segments {
	width: 615px;
	margin: 0 auto;
}

.contact-left {
	width: 280px;
	padding-right: 35px;
}

.contact-right {
	margin-left: 30px;
	float:left;
}
}

/* =============================
   670px
   ============================= */

@media only screen 
and (max-width : 670px) {



header {
	height: 110px;
	background: #5a4d2f;
	-moz-box-shadow: 0px 1px 6px 1px rgb(24, 24, 24);
	-webkit-box-shadow: 0px 1px 6px 1px rgb(24, 24, 24);
	box-shadow: 0px 1px 6px 1px rgb(24, 24, 24);
}

.header-inside {
	margin-top: 30px;
}

.header-inside h1 {
	margin-top: -15px;
	margin-left: 20px;
	width: 35%;
	float: left;
	
}

.head-left-nav,
.head-right-nav, 
.awards {
	display: none;
}

.m-header-nav {
	display: block;
	text-align: left;
	float: left;
	margin: 15px 0 0 15px;
}

.m-header-nav ul li {
	display: inline-block;
	padding: 0px 10px 0px 10px;
}

.home-slide {
	margin-top: -10px;
	width: 100%;
	max-width: 700px;
	overflow: hidden;
}

.home-slide img {
	top: 0;
}

#home-wrap {
	width: 95%;
	padding: 0;
	margin: 0 auto;
}

.home-box {
	width: 100%;

}

#home-boxes {
	padding: 0;
	width: 100%;
	margin: 0 auto;
}

#home-contact,
#home-reservation,
#home-mailing,
.home-black-tab,
.home-latest-content {
	width: 100%;
	padding: 0;
	margin: 0;
}

#home-contact {
	margin-top: 310px;
}

#home-latest {
	position: static;
	margin-left: 0;
}

#home-reservation {
	margin-top: -540px;
}

#home-mailing {
	margin-top: 310px;
}

.home-box-heading {
	width: 100%;
	background: #8d8065;
}

.home-box-heading:after {
	content: "";
	position: absolute;
	left: 45%;
	right: 65%;
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 10px solid #8d8065;
}

.goldencentury {
	position: static;
	margin: -20px auto;
}

.home-contact-info {
	width: 230px;
	margin: 25px auto;

}

.home-black-tab {
	margin-top: 20px;
}

.home-black-tab:after {
	content: "";
	position: absolute;
	left: 38%;
	right: 62%;
	width: 0;
	height: 0;
	border-left: 40px solid transparent;
	border-right: 40px solid transparent;
	border-top: 20px solid #000000;
	margin: -3px 0 0 0;
}

.home-latest-content {
	padding: 40px 5% 20px 5%;
	height: auto;
	margin-bottom: 30px;
}

.home-black-tab,
.home-latest-content {
	position: static;
}
}

/* =============================
   480px
   ============================= */

@media only screen 
and (max-width : 480px) {

.desktop,
.home-slide img,
.home-slide,
.page-header-image,
.page-image,
.page-image img,
.pageheader img  {
	display: none;
}

.mobile {
	display: block;
}

.header-inside h1,
.m-header-nav,
.contact-left,
.contact-right {
	float: none;
}

.header-inside {
	width: 100%;
}

.header-inside h1 {
	margin: 0 auto;
	width: 250px;
	padding: 0;
	position: relative;
	top: -150px;
}

header {
	margin-top: 170px;
	margin-bottom: 50px;
	width: 100%;
	height: 75px;
	position: relative;
}

.m-header-nav {
	width: 300px;
	text-align: center;
	position: relative;
	top: -145px;
	margin: 0 auto;
	padding: 0;
}

#home-reservation {
	height: 360px;
	margin-top: -645px;
}

#home-reservation .mobile {
	display: block;
}

#home-reservation .mobile strong {
	margin-top: 1em;
	display: inline-block;
}

.booking-button .book-now-button {
	margin-left: 45px;
}

#home-mailing {
	margin-bottom: 15px;
	margin-top: 300px;
}

#home-latest {
	margin-left: 0px;
	position: static;
}

#home-contact {
	margin-top: 450px;
}

.page, .post {
	margin: 90px auto 30px ;
	padding: 50px 10px 20px 10px;
	height: auto;
	width: 90%;
}

.page-content, .loop-wrap {
	height: auto;
}

.pageheader {
	width: 100%;
	height: 75px;
	top: -75px;
	left: 0;
	background: #000000;
	-moz-box-shadow: 0px -1px 6px 0px rgb(24, 24, 24);
	-webkit-box-shadow: 0px -1px 6px 0px rgb(24, 24, 24);
	box-shadow: 0px -1px 6px 0px rgb(24, 24, 24);
}

.pageheader:after {
	content: "";
	position: absolute;
	left: 38%;
	right: 62%;
	width: 0;
	height: 0;
	border-left: 40px solid transparent;
	border-right: 40px solid transparent;
	border-top: 20px solid #000000;

}

.pageheader h2 {
	z-index: 9999;
	top: 15px;
	left: 0;
}

.media-box-heading strong {
	font-size: 15px;
}

.media-box:after {
  	right: 0px;
}

.media-box img {
	margin: 0 10px 0 10px;
}

.contact-segments {
	width: 100%;
	overflow-y: hidden;
}

.contact-left h2,
.contact-right h2 {
	text-align: center;
}

.contact-left {
	width: 100%;
	border-right: none;
	margin: 0 auto 30px;
	padding: 0 5% 30px 5%;
	border-bottom: 1px solid #423923;
	overflow-y: hidden;
}

.contact-right {
	width: 100%;
	border-right: none;
	margin: 0 auto 10px;
	padding: 0 5% 10px 5%;
	overflow-y: hidden;
}
}

/* =============================
   Additional
   ============================= */

.awards {
	position: absolute;
	top: -130px;
	right: 72px;
}
.awards a {
	padding: 0 10px;
}
.page .awards,
.post .awards {
	right: 0px;
}