@font-face {
	font-family: 'Liberator';
	src: url('../fonts/Liberator.eot');
	src: url('../fonts/Liberator.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Liberator.woff') format('woff'),
		url('../fonts/Liberator.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}


body {
	font-family: "Courier New", Courier, monospace;
	color: #000;
}

a {
	transition: all 0.15s linear;
	color: #000;
}

a:focus, a:hover {
	color: #BB1500;
}

h1 {
	font-family: "Liberator";
	text-align: left;
	color: #333;
	text-shadow: 0px 4px 0px rgba(0, 0, 0, 0.15);
	margin-bottom: 1em;
}

h1 span {
	font-size: 50%;
}

h2 {
	font-family: "Liberator";
	color: #BB1500;

	margin-bottom: 0.5em;
	font-size: 18pt;
	line-height: 1.2;
}

h1.tosWinter {
	color: #2AB8E2;
}

.tosAirBlue {
	color: #289FD8;
	font-weight: bold;
}

.tosWrap {
	margin: auto;
	max-width: 1280px;
	padding: 0 1.5em;
}

.tosHeader {
	background: #bb1500;
	color: #fff;
  	font-family: "Courier New";
  	font-weight: bold;
  	line-height: 1.2;
  	text-align: center;
  	text-shadow: 0px 4px 0px rgba(0, 0, 0, 0.15);
}

.tosRed {
	color: #bb1500;
}

.tosHeader .col {
	padding: 2.8em 0;
}

.tosHeader a {
	text-decoration: none;
	color: #fff;
}

.tosHeader a:hover {
	color: #FFE52D;
}


.tosNav ul {
	border-bottom: 4px solid #bb1500;
	box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.15);
	padding: 1.6em 0 1.4em;
	text-align: center;
	font-family: 'Liberator';
	font-size: 1.2em;
}

.tosNav li {
	display: inline-block;
	padding: 0 1em;
}

.tosNav a {
	color: #bb1500;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}

.tosNav a:hover {
	color: #000;
}

.tosContent {
	padding: 4em 0;
	font-size: 110%;
}

.tosContent li {
	padding-bottom: 1em;
}

.tosBoxed {
	border: 2px solid #ddd;
	background: #efefef;
	font-weight: bold;
	padding: 2em;
	font-size: 90%;
}

.tosGrayscale {
	padding: 6em 0;
	text-align: center;
	font-size: 120%;
	background: #E1E1E1;
	color: #696969;
	font-weight: bold;
}

.tosGrayscale a {
	color: #696969;
	text-decoration: underline;
}

.tosGrayscale a:hover {
	text-decoration: none;
}

.tosGrayscale h3 {
	font-family: 'Liberator';
}

.tosFeature {
	background: #0c0c0c;
	border-radius: 8px;
	color: #fff;
	line-height: 1.5;
	font-weight: bold;
	padding: 2em 2em 1em;
	font-size: 85%;
}

.tosFeature h3 {
	font-family: "Liberator";
	color: #fff;
	font-size: 32pt;
	padding: 1em 0 0 0;
	margin: 0;
}

.tosFeature h4 {
	color: #ffe52d;
	font-style: italic;
	font-family: "Courier New", Courier, monospace;
	margin-bottom: 2em;
}

.tosFeature h5 {
	color: #2fd0ff;
	font-family: "Liberator";
	font-size: 36pt;
	padding:0;
	margin: 0 0 10px 0;
}

.tosFeature h6 {
	color: #2fd0ff;
	font-family: "Liberator";
	color: #fff;
}

.tosFeature ul {
	/*list-style: none;*/
	padding: 0; margin-bottom: 36px;
	line-height: 0.8;
}

.tosGray {
	color: #555;
}


.tosFooter {
	background: #222;
	color: #fff;
	line-height: 1.5;
	font-weight: bold;
	font-size: 120%;
}

.tosFooter a {
	color: #fff;
}

.tosFooter a:hover {
	color: #FAE83F;
}

.tosFooter ul {
	list-style: none;
	padding: 0; margin: 2em 0;
	font-family: 'Liberator';
	line-height: 1;
}

.tosFooter ul a {
	text-decoration: none;
}

.tosAddress {
	border: 4px solid #FAE83F;
	margin: 0 0 1.6em;
	padding: 1em 2em;
	color: #FAE83F;
	font-size: 90%;
}

.tosAddress a {
	color: #FAE83F;
}

.tosAddress a:hover {
	text-decoration: none;
}

.tosAddress .col {
	padding: 1em 0.5em;
}

	.google-maps {
	border-radius: 4px;
    	position: relative;
    	padding-bottom: 75%; // This is the aspect ratio
    	height: 0;
    	overflow: hidden;
    	margin-bottom: 2em;
    }
    .google-maps iframe {
    	position: absolute;
    	top: 0;
    	left: 0;
    	width: 100% !important;
    	height: 100% !important;
    }



/* media query */
@media only screen and (max-width : 768px) {

.tosNav li {
	display: block;
	padding: 0.4em 0;
}

.tosHeader .col {
	padding: 1.6em 0;
}

.tosFooterNav {
	display: none;
}

}/* end media query */