/*Applied to all pages for tablet style*/
@media only screen and (min-width: 451px) {
@media only screen and (max-width: 1299px) {
* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	font-family: Superclarendon, sans-serif;
} 

.col-1 {width: 0%-8.33%}
.col-2 {width: 8.33%-16.66%}
.col-3 {width: 16.67%-25%}
.col-4 {width: 25.1%-33.33%}
.col-5 {width: 33.34%-41.66%}
.col-6 {width: 41.67%-50%}
.col-7 {width: 50.1%-58.33%}
.col-8 {width: 58.34%-66.66%}
.col-9 {width: 66.67%-75%}
.col-10 {width: 75.1%-83.33%}
.col-11 {width: 83.34%-91.66%}
.col-12 {width: 91.67%-100%}
[class*="col-"] {
	float: left;
	padding: 15px;
}


/*Moving Header Section*/


header {
	width: 100%;
	align-items: center;
	text-align: center;
	background-color: #fff;
	position: sticky;
	position: -webkit-sticky; /*for Safari*/
	top: 0;
	opacity: 1;
	z-index: 1;
}

#headlogotext {
	align-items: center;
	text-align: center;
	font-size: 1vw;
}

#headerlogo {
	position: relative;
	top: 0.5vw;
	width: 5%;
	height: 5%;
	padding-bottom: 0.5vw;
}

header > a  {
	text-decoration: none;
}

header > a:visited {
	color: #000;
}

#checkbox {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

#pagelinks {
	width: 100%;
	height: 3vw;
	position: relative;
	background-color: #fff;
	margin-top: 1vw;
}

#pagelinks > li {
	list-style: none;
}

#pagelinks > li > a {
	text-decoration: none;
}

#pagelinks > li > a:visited {
	color: #000;
}

#pagelinks > li > a:link {
	color: #000
}

#pagelinks > li > #navhome {
	position: absolute;
	text-align: left;
	left: 20vw;
}

#pagelinks > li > #navmeetus {
	position: absolute;
	text-align: left;
	left: 39vw;
}

#pagelinks > li > #navnews {
	position: absolute;
	text-align: right;
	right: 39vw;
}

#pagelinks > li > #navshop {
	position: absolute;
	text-align: right;
	right: 20vw;
}


/*Contact info section*/


footer {
	position: relative;
	width: 100%;
	height: 10vh;
	background-color: #e0dcd1;
	margin-top: 5vh;
	text-align: center;
	bottom: 0;
}

footer > h4 {
	font-size: 2vw;
}

footer > p {
	font-size: 1.5vw;
}

#phoneno {
	position: absolute;
	top: 3vw;
	left: 10vw;
}

#email {
	position: absolute;
	bottom: 2vw;
	font-size: 0.75vw;
	left:0;
	right:0;
	}

#otherwebsite {
	position: absolute;
	top: 2vw;
	left: 10vw;
}

#facebook {
	position: absolute;
	top: 2vw;
	right: 10vw;
}

/*Changes footer size for horizontal tablets*/
@media only screen and (min-width: 805px) {
@media only screen and (max-width: 1299px) {
footer {
	height: 10vw;
}
}
}