@font-face {
  font-family: gravitas-one;
  src: url("../fnt/GravitasOne-Regular.ttf");
}

body {
	width: 100%;
	padding: 0px;
	margin: 0px;
}

header {
	position: relative;
	background-color: #b56444;
	background-image: url("../img/woodenheader_rrs.jpg");
	margin: 0;
	box-sizing: border-box;
	z-index: 1000;
	padding-bottom: 5px;
}

header #timp-logo,
header #navbar-items,
.mod-timp-links-symbol-holder {
	background-color: #000c; 
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	color: transparent;
	text-shadow: rgba(204,126,77,0.5) 0.05em 0.05em 0.01px;
	text-align: center;
}

header p {
	margin:0;
	text-transform: uppercase;
}

header .logo-name {
	font-size: 3rem;
	font-family: gravitas-one,serif;
}

header .logo-sub {
	font-size: 0.7rem;
}

header .logo-sub:before,
header .logo-sub:after {
	font-size: 1.5em;
}
 
header .logo-sub:before {
	content: "— ";
}
header .logo-sub:after {
	content: " —";
}

footer {
	color: white;
	background-color: black;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left:20%;
	box-sizing: border-box;
}

#navbar-show {
	display: none;
}

#navbar-show + label {
	display: none;
}

#navbar-items {
	text-align: center;
	font-size: 1.5rem;
	font-family: gravitas-one,serif;
}

#navbar-items ul {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin: auto;
	border-top: solid #0004 1px;
	box-sizing: content-box;
	padding-top: 0.5em;
}

#navbar-items li {
	display: inline-block;
	margin: auto;
	overflow: hidden;
}

#navbar-items a {
	color: inherit;
	text-decoration: none;
}

#navbar-items .active a {
	text-decoration: underline black;
}

#navbar-items a:hover {
	color: inherit;
	transition: font-size 0.1s;
	text-decoration: underline black;
}

#navbar-items:before {
	border-top: solid 1px;
	content: "";
	height: 200px;
	background-color: white;
}

.timp-content,
.timp-wide { padding: 10px 2ch; }
.timp-content { margin:auto; width:50%; }


h1, h2, h3 { text-align: center; }

.accom-content {
	display: flex;
	flex-direction: column;
	width: 50%;
	margin:auto;
	text-align:justify;
}

.accom-content img {
	max-width: 100%;
}

.accom-content strong {
	font-size: 1.25em;
}

.accom-img-holder {
	text-align:center;
	padding:20px;
}

/* Anything less than a laptop*/
@media screen and (max-width: 1350px) {
#navbar-items ul {width: 50%;}
.accom-content {width: 80%;}
}
/* Anything less than a half an HD */
@media screen and (max-width: 950px) {
	.timp-content { width:95%; }
	#navbar-show + label {
		padding: 0.5rem 0;
		display: block;
		width: 100%;
		text-align: center;
		font-size: 1.6rem;
	}
	#navbar-holder { position: relative; }
	#navbar-items {display: none;}
	#navbar-items ul {width: 100%; flex-direction: column;}
	#navbar-items li {overflow: initial;}
	#navbar-show:checked + label + #navbar-items {
		display: block;
	}
	
	
	.accom-content {grid-template-columns: 1fr; width: initial;}
	.accom-img-holder {text-align:center;}
}

.timp-hidden {
	border: 0;
	clip: rect(1, 1, 1, 1);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	right: 100%;
	white-space: nowrap;
	width: 1px;
}