@media only and (orientation:landscape) {
    
  /* Style adjustments for landscape mode goes here */
  .landscape-hide{display:none!important;
  background-color:green}
}
@media only and (orientation:portrait) {
    
  /* Style adjustments for landscape mode goes here */
  background-color:red}
}

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

	h1 {
	font-size: 30px;
}
h2 {
	font-size: 24px;
}
h3 {
	font-size: 20px;
}
h4 {
	font-size: 18px;
}
h5 {
	font-size: 16px;
}
h6 {
	font-size: 14px;
}
/*
	h1 {
		font-size: 3vw;
	}

	h2 {
		font-size: 2.5vw;
	}

	h3 {
		font-size: 2vw;
	}

	h4 {
		font-size: 1.5vw;
	}

	h5 h6 {
		font-size: 1vw;
	}

}
*/
}
.shadow text {
	text-shadow: 2px 2px 5px;
}

.shadow-blue {
	text-shadow: 2px 2px 5px blue;
}

.shadow-black {
	text-shadow: 2px 2px 2px black;
}

.rightad,
.newsletterad {
	width: 85%;
	float: right;
}

.resultbutton {
	border: 2 yellow solid;
	border-radius: 25%;
}

.hideit {
	display: none;
}
@media only screen and (max-width: 600px) {
  .col {
    display: block;
    width: 100%;
  }
}
.col-container {
	display: table;
	/* Make the container element behave like a table */
	;
	width: 100%;
	/* Set full-width to expand the whole page */
}

.col {
	display: table-cell;
	/* Make elements inside the container behave like table cells */
}

.clubname {
	text-align: center;
	color: blue;
	font-style: italic;
	font-size: xx-large;
}

.clubfeature {
	text-align: center;
	color: black;
	font-weight: bold;
	font-style: italic;
	font-size: xx-large;
}

.eventbox {
	border: 100% gray solid;
	border-color: gray;
	margin-top: 4px;
}

.eventtype,
.eventlimit {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: black;
	text-align: left;
	margin-bottom: 0;
	font-size: x-large;
}

.eventlimit {
	text-align: left;
	margin-left: 1em;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: bold;
	font-size: x-large;
}

.eventsession {
	font-family: Arial, Helvetica, sans-serif;
	color: green;
	text-align: left;
	margin-left: 2em;
	font-weight: bold;
	font-size: 24px !important;
	margin-top: 0;
	margin-bottom: 0;
}

.eventtime {
	font-family: Arial, Helvetica, sans-serif;
	color: teal;
	font-weight: bold;
	text-align: left;
	margin-left: 3em;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 24px !important;
}

.eventcodes {
	font-family: Arial, Helvetica, sans-serif;
	color: teal;
	font-weight: bold;
	text-align: left;
	margin-top: 0;
	margin-bottom: 0;
	font-size: x-large;
}

.eventcode {
	font-family: Arial, Helvetica, sans-serif;
	color: teal;
	font-weight: bold;
	text-align: left;
	margin-left: 3em;
	margin-top: 0;
	margin-bottom: 0;
	font-size: x-large;
}

.eventabrv {
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	font-weight: bold;
	text-align: left;
	margin-left: 3em;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 24px !important;
}

.ourschedulecellborders {
	border: 4px solid #000000;
}

.ourscheduletalbleborder {
	border-collapse: collapse;
	border: 5px solid #0000FF;
}

.reopening {
	text-align: center;
	color: blue;
	font-weight: bold;
	font-size: xx-large;
}

.upcoming_event {
	width: 99%;
	border: thin black solid;
	text-align: center;
	color: black;
	background-color: white;
	font-weight: bold;
	font-size: xx-large;
	margin-left: 7px;
	margin-right: 7px;
	margin-top: 7px;
	margin-bottom: 7px;
}

.upcoming_event_blue {
	width: 100%;
	border: thin white solid;
	text-align: center;
	color: white;
	background-color: blue;
	font-weight: bold;
	font-size: xx-large;
}

.hrnews {
	border-top: 3px maroon solid;
	width: 100%;
	clear: both;
	margin: 0px 0;
	padding: 0;
}

hrx {
	border-left: medium none #FF0000;
	border-right: medium none #FF0000;
	display: block;
	position: relative;
	padding: 0;
	width: 100%;
	max-height: 0;
	font-size: 1px;
	color: background;
	border-top: solid 3px silver;
	clear: both; 
	border-top: thick #aaaaaa solid;
	color: silver;
	top: -1757px;
	left: -22px;
}

.eventabbreviation {
	font-weight: bold;
	font-size: x-large;
	color: #000000;
	text-transform: capitalize;
}

.lessonNewsheading {
	color: Gray;
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-large;
	font-weight: bold;
	font-style: normal;
	background-color: #808080;
	color: white;
}

.eventbox {
	border: thin solid grey;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 3px;
}

.headline {
	font-weight: bold;
	font-size: xx-large;
	font-style: inherit;
	font-variant: inherit;
	text-transform: inherit;
}

.cardfees {
	font-weight: bold;
	font-style: normal;
	font-size: large;
}

.eventsite {
	font-size: inherit;
	font-weight: bold;
	font-style: normal;
	color: #0000FF;
}

.note-black {
	font-size: x-large;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	color: #000000;
}

.goldcolor {
	background-color: Gold;
}

.grad {
	background-image: linear-gradient(to right, yellow, pink);
	font-size: xx-large;
}

.grad2 {
	background-image: linear-gradient(to left, white, lightgrey);
}

.grad3 {
	background-image: linear-gradient(to bottom, lightpink, lightblue);
}