@charset "UTF-8";
/* CSS Document */

*{margin:0;padding:0;}
		body{background:#010006;
			font-family: "myriad-pro-regular", sans-serif;
			font-weight: 400;
			font-style: normal;}

html,body{max-width:100%;overflow-x:hidden;}
h1, h2, h3, h4 {
	font-family: all-round-gothic, sans-serif;
	font-weight: 700;
	font-style: italic;letter-spacing: 1px;
}
a[href^=tel]{
    color:azure;
    text-decoration:none;
    font-size:inherit;
    font-style:inherit;
    font-weight:inherit;
}
.contact .ring{text-decoration: none; color:azure;}

		header{overflow:hidden;}
		#header-container{
			float: none;
			clear: both;
			width: 100%;
			position: relative;
			padding-bottom: 56.25%;
/*			padding-top: 25px;*/
			height: 0;
		}
		video{
			position:absolute; 
			z-index: -1;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
}
		header #logo{position:absolute; min-width:90%;max-width:90%; padding:2% 5% 0; z-index: 10; top:0;}
		#radio-group{animation:glowingdark 5s ease infinite;}
		#B1-TOP.st19, #B2-BOTTOM.st19, #A1-INNER, #A2-INNER{animation:coloring 10s infinite linear}
		#A1-INNER, #A2-INNER{animation-duration:5s}
		#A2-INNER.st19{animation-delay:.5s;}
		#B1-BOTTOM.st19{animation-delay:.1s}
		#B2-BOTTOM.st19{animation-delay:.6s}
		#FLASHBACK-BG-BLUE.st19{animation:colorblue 3s infinite linear}
		

		#flying-albums{position:inherit;width: auto;z-index: 11; height:60%;}
		#album-container{position: absolute; height: 100%;}
		#flying-albums img{opacity:0; position:absolute; max-height: 100%;}
			/*--flying album positions--*/
			.jrny-gh{position:absolute; left:11vw; top:5%; z-index: 13; animation:flyingstarsctrfront 7s infinite linear; transform-origin:top right }
			.aero{position:absolute;left:20vw;z-index:10;max-width:5vw; animation:flyingstarsctrfront 7s infinite linear; transform-origin:top right; animation-delay: 2s}
		
			.badco{position:absolute; max-width:3vw; top:2%; left:25vw; z-index: 9;animation:flyingstarsctrfront 7s infinite linear; transform-origin:top right;animation-delay: 3s}
		
			.badfin{position:absolute;max-width:2vw; top:0%; left:31vw;z-index:14;animation:flyingstarsctrfront 7s infinite linear; transform-origin:top right;animation-delay:4s}
			.zz{position:absolute; top:3%; left:36vw;max-width:3vw;z-index:10;animation:flyingstarsctrfront 7s infinite linear;animation-delay:7s}
		
			.styx{position:absolute; top:5%;max-width:4vw; left:40vw;z-index:13;animation:flyingstarsctrfront 7s infinite linear;animation-delay:5.5s}
		
			.queen{position:absolute;max-width:5vw; top:3%; left:49vw;z-index:14;animation:flyingstarsctrfront 7s infinite linear; transform-origin:top left;animation-delay:1.25s}
			.eagles{position:absolute; top:5%; left:47vw;max-width:3vw;z-index:9;animation:flyingstarsctrfront 7s infinite linear;animation-delay:8s}
		
			.fore{position:absolute; top:18%;max-width:4vw; left:54vw;z-index:12;animation:flyingstarsctrfront 7s infinite linear;animation-delay:4.5s}
		
			.doobie{position:absolute; top:5%; left:69vw;max-width:3vw;z-index:14;animation:flyingstarsctrfront 7s infinite linear;animation-delay:2.5s}
				.grand{position:absolute;max-width:5vw; top:0; left:59vw;z-index:13;animation:flyingstarsctrfront 7s infinite linear; transform-origin:top left;animation-delay:2.75s}
			.jrny-aw{position:absolute; top:2%; left:65vw;max-width:3vw;z-index:11;animation:flyingstarsctrfront 7s infinite linear;animation-delay:4.25s}
		
		
			.cheap{position:absolute; top:8%; left:77vw;z-index:12;animation:flyingstarsctrfront 7s infinite linear; transform-origin:top left;animation-delay:.5s;}

/*-------------PROMO VIDEO STYLES-------------*/
	#promovid{padding:5% 10%;}

	#promo-container{
		float: none;
		clear: both;
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 25px;
		height: 0;
		width: 100%;
		
	}

	#promo-container iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: 4px solid transparent;
		border-image: linear-gradient(to right, #0084c8, #003da7,#6413d1,#03c4ef);
		border-image-slice: 1;
	}

	#playlist {
		height:auto;
		text-align: center;
		font-size:1rem;
		letter-spacing: 2px;
		display: flex;
		justify-content: center;
		border-left: transparent 8px solid;
	}

	#playlist a{
		color:white;
		background:linear-gradient(to right, #003da7,#0084c8, #6413d1); 
		text-transform: capitalize;
		text-decoration:none;
		cursor:pointer;
		display:block;
		padding:1rem 4rem; 
		margin-top:5px;
		border-bottom-left-radius:36px; 
		border-bottom-right-radius:36px;
	}

#blinkarrw{animation:glowing 2s infinite linear;}

/*-------------SECTION BIO PART 1-------------*/
	
	#ttt{display:flex;justify-content: center;}
		#tower1,#tower2{z-index: 10;}
	/*#tower1 img{max-width:100%;}*/
	#tower div>img{min-width:100%;}
	.towbeh{position:relative;}
	.towbeh img{position:absolute; left:0; top:0; }
	#tower1>img{animation:glowingdark 1.5s infinite ease;}
	#tower2>img{animation:glowingdark 1.5s infinite ease;animation-delay:.75s;}
		.twr img{position:static}
		#title-tag{text-align: center; max-width:50%;}
		#title-tag h1 img{animation:glowing 1s infinite linear;animation-delay:.25s;}
			h1{font-size:3rem;color:azure;animation:glowing 1s infinite linear;animation-delay:.5s;}
			h1 img{width:5vw; height:auto;}/*RADIO FLASHBACK*/
			.tagline {color:#00d5ff; font-size:1.25rem;font-family: all-round-gothic, sans-serif;
			font-weight: 800; letter-spacing: 1px;
			font-style: italic;} /*Your Ultimate...*/
		#tower2{}
		
		#ttt p{display:inline-flex; max-width:100%;color:#d7d8ed;font-size:1.25rem; padding:1.75rem 1.75rem 0; font-family: all-round-gothic, sans-serif;
	font-weight: 400;
	font-style: normal;letter-spacing: 1px;} /* Get ready..*/ 
		
	
	/*	two paragraphs*/
	#two-paras{display:flex;justify-content:center; padding:3rem 13%}
		.paragraph{width:48%}
		.paragraph h2{color:#00d5ff;font-size:1.25rem; font-weight:normal;}
		.paragraph p{color:#d7d8ed;font-size:1.25rem;font-family: all-round-gothic, sans-serif;
	font-weight: 400;
	font-style: normal;letter-spacing: 1px;}
		#paragraph1{margin-right:3em;}
		#paragraph2{}

/*-------------SECTION BAND PROFILE PICS-------------*/
#bandmates{margin:2rem 0 5rem;}
#bandmates h3{text-align: center;color:azure; font-size:2.5rem; font-weight:normal; font-style: normal;}

#bandpics{display:flex; justify-content: center; flex-wrap: nowrap;}

		.member-card{
			padding-top: 25px;
			background: #0079B8;
			border: 3px solid #0079B8;
			border-radius: 22.5px;
			box-sizing: border-box;
			text-align: center;
			background-clip: border-box;
			overflow: hidden;
			margin: 1rem;
			position: relative;
			opacity: .65;
			background-size:110%;
				max-height: 80vh;
			min-width:16vw;max-width:18vw;
			transition:all ease .25s;
			background-repeat:no-repeat !important;
		}
		.member-card:hover{opacity:1;}

		.member-card .img-spacer{min-height:60vh;}

		.blue-bottoms{
			text-align:center;
			background-color: #0079B8;
			color: white;
			padding:3% 0 12%;
			bottom: 0;
			width: 100%;
		}
		.member-name{color:#000c40;font-size:3rem;font-family: all-round-gothic, sans-serif;font-weight:bold;font-style: italic; line-height: 1em;}
		.member-title{color:#d7d8ed;font-size:1rem;font-family: all-round-gothic, sans-serif;font-weight: normal;font-style: normal;}
	
#mike{position:relative;top:60px;background-image:url("images/mike_singing.jpeg"); background-size:cover; background-position:24% -7vh;}
#bobby{background-image: url("images/bobby_on-keys.jpeg"); background-size:cover; background-position:39% 0vh !important;}
#steve{position:relative;top:36px;background-image: url("images/steve_on-guitar.jpeg"); background-size:cover; background-position:24% 0vh !important;}
#tommy{position:relative;top:75px;background-image: url("images/tommy.jpeg"); background-size:cover; background-position:24% -5vh}

/*banner*/
#banner img{min-width: 100%; max-width:100%;}

/*bio2*/
#bio2{padding-top:5%;}

/*---------------FINAL NARRATIVE----------------*/
.twopartsetup{display:flex;flex-wrap:nowrap}
.padroom{padding:12%}
.padroom h4{font-size:2rem; color:#00d5ff}
.padroom ul{
    font-size: 1.35rem;
    color: azure;
    /* margin-bottom: 1em; */
    display: flex;
    flex-wrap: wrap;
    width: 100%;
	font-family: all-round-gothic, sans-serif;
	font-weight: 700;
	font-style: normal;letter-spacing: 1px;
}
.padroom ul li{display:inline list-item;margin:1rem; line-height: 0rem;}
.padroom p{margin-top:1rem;font-family:"myriad-pro-regular", sans-serif;line-height:1.5rem;}
.fourty-five{width:45%;}
.fifty-five{width:55%;}
.fifty-five img{max-width: 100%; align-self: center;}
.ovalpic{vertical-align: middle;}

#ovalgroup {
    display: flex;
    justify-content: right;
	align-items: center;
}
#ovalsm {
    display: flex;
    justify-content: left;
	align-content: center;
}
#ovalsm.fifty-five img#mobile-band{display:none;}
a{display:block; text-align:center;margin-top:1rem; padding:5% 0}
button{
	background:linear-gradient(to right, #f30002, #761548,#f30002);
	color:azure;
	padding:12px 49px 10px;
	text-align:center;
	border:2px solid azure;
	border-radius:55px;
	outline:0;
	font-family: all-round-gothic, sans-serif;
	font-style: normal;letter-spacing: 1px;
	font-size:1.5rem;
	font-weight: bold;
	transition:.5s ease all;
	cursor:pointer;
}
button:hover{background:linear-gradient(to right, #761548,#f30002,#761548);border-color:#3B5E92}
button img{vertical-align:middle; margin-right:1rem;max-width:44px;}


/*.padroom {width:100%}*/
.fbcon{text-align:center;}
#paragraph4-mobile{display:none;}
.fb-page{display:inline-block;border: 8px solid transparent;
		border-image: linear-gradient(to right, #0084c8, #003da7,#6413d1,#03c4ef);
		border-image-slice: 1;
animation:fadedborders 2s infinite linear;}
#crowdshot{position:relative; display:flex; justify-content: center;padding-top:5rem}
img.smalllogo{max-width:33%; position:absolute; top:12%; z-index: 10;animation:glowing 3s ease infinite; }
#crowdshot img.bigpic{min-width:100%;height:auto;}

/*footer*/
footer{padding:5% 5% 1.75%; position:relative;}
#alt-tower{display:none;}

#contact-container,.booknook{display:flex;flex-wrap: nowrap;justify-content:center;align-items:flex-end;}
h5{color:#00d5ff;font-size:1.5rem;letter-spacing: 1px; font-weight:400; }
.contact{margin:1rem 0;}
.contact h6{font-size:2.25rem; color:azure;text-align: left; font-weight:400; }
.company{font-size:1rem;color:azure;}
.contact .email a{color:#B1EBF1;display:block;text-align:left;font-size:1rem;margin:0;line-height: 0rem}
.ring{font-size:1.75rem;color:azure;margin-top:1rem}
.booknook > .contact:nth-of-type(1) {margin-right: 3rem;}
#booking h5{text-align: center;width:100%;margin-left:-6%;}
#towersignal{padding:0 6rem 0 3rem}
#towersignal img { max-height: 180px;}
#management>.company{margin-top: 0rem;padding-top: 0;}
#management>.contact .email a{margin-top: .75rem;padding-top: 0;}
#management>.contact .ring{margin-top: 1rem;padding-top: 0;}
.space{min-height:2px;display: block;}


#copyright{font-size:.8em; color:azure; width:100%;text-align:center;padding:8% 0 5% 0;font-family: all-round-gothic, sans-serif;
font-weight: normal;
font-style: normal;letter-spacing: 1px;}

#mkm{position:absolute; bottom:0; right:0; transform: translate(75%,0); border:2px solid #111; border-top-left-radius:55px; border-bottom:none; color:azure; font-size:.8em;}
		.hello{animation:hello .5s 1 forwards;}
		#pulloutdrawer{display:flex; justify-content:space-between;}
		#mkmicon{ min-width:5%; padding:1rem; text-align: center;font-size:.7rem; background:#111;padding-top: 11.5%;border-top-left-radius:52px;}
		#mkmicon img{animation: pulsing 3s infinite; cursor:pointer;}
		#credlinks{line-height: 1rem; text-align: left;padding:10px;background:black;}
		.scifivid{padding-top:5px}
		.scifividurl{padding-bottom:7px}
		.mkmurl, .scifividurl {border-bottom:1px solid #111;}
		.mkmurl{padding-bottom:5px}
		.mkmurl a, .scifividurl a, .promocred a, .photocred a{display:inline;padding:0;margin:0;text-align: left; color:azure; transition:.25s ease all}.mkmurl:visited{color:azure;}.mkmurl:hover{color:cyan;}
		.promocred{padding-top:5px;}

/*-----------///////////keyframes////////////--------------*/
@keyframes fadedborders{
	0%{border: 8px solid transparent;border-image: linear-gradient(to right, #0084c8, #003da7,#6413d1,#03c4ef);border-image-slice: 1;}
	50%{border: 8px solid transparent;border-image: linear-gradient(to right, #0000ff, #03c4ef,violet,#6413d1);border-image-slice: 1;}
	100%{border: 8px solid transparent;border-image: linear-gradient(to right, #0084c8, #003da7,#6413d1,#03c4ef);border-image-slice: 1;}
}

@keyframes flyingstarsfront{
			0%{opacity:0; transform: scale(1,1)}
			5%{opacity:0;}
			10%{opacity:1;}
			11%{transform: scale(2,2)}
			12%{opacity:0;}
			75%{opacity:0;}
			100%{opacity:0;}
		}

@keyframes flyingstarsctrfront{
			0%{opacity:0; transform: scale(1,1)}
			2%{opacity:1;}
			10%{opacity:1;}
			65%{transform: scale(4,4)}
			66%{opacity:0;}
			75%{opacity:0;}
			100%{opacity:0;transform: scale(4,4)}
		}

@keyframes flyingstarsback{
			0%{opacity:0; transform: scale(.5,.5)}
			5%{opacity:0;}
			10%{opacity:1;transform: scale(1.5,1.5)}
			11%{opacity:1;}
			15%{transform: scale(8,8);opacity:0;}
			75%{opacity:0;}
			100%{opacity:0;transform: scale(8,8)}
		}	

		
		@keyframes pulsing{
			0%{opacity:1}
			50%{opacity:0}
			100%{opacity:1}
		}
		
		@keyframes hello{
			0%{transform: translate(75%,0);}
			100%{transform: translate(0,0);}
		}

/*
@keyframes flyingstarsfront{
			0%{opacity:0; transform: scale(1,1)}
			5%{opacity:0;}
			10%{opacity:1;}
			11%{transform: scale(2,2)}
			12%{opacity:0;}
			75%{opacity:0;}
			100%{opacity:0;}
		}

@keyframes flyingstarsctrfront{
			0%{opacity:0; transform: scale(1,1)}
			2%{opacity:1;}
			10%{opacity:1;}
			11%{transform: scale(4,4)}
			12%{opacity:0;}
			75%{opacity:0;}
			100%{opacity:0;transform: scale(4,4)}
		}

@keyframes flyingstarsback{
			0%{opacity:0; transform: scale(.5,.5)}
			5%{opacity:0;}
			10%{opacity:1;transform: scale(1.5,1.5)}
			11%{opacity:1;}
			15%{transform: scale(8,8);opacity:0;}
			75%{opacity:0;}
			100%{opacity:0;transform: scale(8,8)}
		}	
*/

/*GLOWING*/
@keyframes glowing{
	0%{opacity:33%;}
	50%{opacity:1;}
	100%{opacity:33%;}
}

@keyframes glowingdark{
	0%{opacity:3%;}
	50%{opacity:1;}
	100%{opacity:3%;}
}

@keyframes coloring{
	0%{fill:#0084c8;}
	25%{fill:#00ffff;}
	50%{fill:#552255;}
	75%{fill:#0000ff;}
	100%{fill:#0084c8;}
}

@keyframes colorblue{
	0%{fill:#0084c8;}
	50%{fill:lightskyblue;}
	100%{fill:#0084c8;}
}

/*-------------------------------MEDIA QUERY--------------------------------*/
	
@media only screen 
	and (max-width: 768px) 
	and (orientation:portrait)
{
 	#promovid {padding: 10% 5%;}
	#title-tag{text-align: center; max-width:75%;}
		#title-tag h1 img{max-width:5vw;}
			h1{font-size:1.15rem;color:azure;animation:glowing 1s infinite linear;animation-delay:.5s;}
			h1 img{width:3.25vw; height:auto;}/*RADIO FLASHBACK*/
			.tagline {color:#00d5ff; font-size:1.2rem;padding:0 2rem}
		.towbeh img{width:7vw}
		#two-paras{display:block;padding-right:0;padding:5% 5% 0}
		.paragraph{width:100% !important;margin-bottom:2rem;}
		.paragraph h2{font-size:1.15rem;}
		.paragraph p{font-size:1rem;}
		#ttt p{max-width:100%;font-size:1rem; padding:1.5rem 0rem;} /* Get ready..*/ 
	
	
	#bandmates h3{font-size:1.5rem;}
	#bandmates h3 img { max-width: 40%;}
	#bandpics{display:flex;flex-wrap:wrap;}
	.member-card{
			padding-top: 25px;		
			margin: 1rem;
			opacity: 1;
			background-size:110%;
			min-height: 80vh;
			min-width:75vw !important;max-width:75vw !important;
			transition:all ease .25s;
		}
	#mike,#bobby,#steve,#tommy{position:static;}
	#bobby{background-size: cover !important;}
	.member-card .img-spacer{min-height:63vh}
	.member-name{font-size: 3.5rem;}
	.blue-bottoms{padding-bottom:18%;}
	
	.twopartsetup{display:block;}
	.padroom h4{font-size: 1.75rem;}
	#ovalgroup.fifty-five{width:90%;margin-left:10%;}
	#ovalsm.fifty-five {width: 90%;margin-right: 10%; margin-top:1rem;}
	button{font-size:1.15rem;}
	button img{width:24px;}
	
	#paragraph4{display:none;}
	#paragraph4-mobile{display:block;}
	.fb_iframe_widget_fluid {display: inline-block !important;}
	
	#crowdshot{padding-top:0;}
	img.smalllogo{top:1%}
	
	/*footer-portrait*/
	#management::before{
		content: "";
		display:block;
		width:100%;
		background-image: url("images/icons/Icon_footer-tower.png");
		background-size:contain;
		background-position: center center;
		background-repeat:no-repeat;
		min-height:20vh;
		padding-bottom:2rem;
	}
	#management .contact .email a{padding: .005rem 0 1rem;}
	#contact-container,.booknook{display:block;}
	#towersignal{display:none;}
	#contact-container{
		justify-content: center;
		text-align: center;
	  }
	
	.contact h6, .contact h5, .contact .email a{text-align: center;}
	.contact .ring{margin-top:.5rem;line-height: 0;}
	#booking .contact:nth-of-type(1){margin:1rem 0 0rem;} 
	#booking .contact:nth-of-type(1)::after{
		content:"";width:100%;
		min-height:40px;
		display:block;
		padding:2rem 0 0;
		background-image:url("images/volt-bolt_left_blue.png");
		background-size:10%;
		background-position:center 65%;
		background-repeat: no-repeat;
	} 
	#booking .contact:nth-of-type(2) { margin-top: 0;}
	h5{font-size:1rem; margin-bottom:.015rem; margin-top:3.5rem;}
	#booking h5{margin-left:0;margin-top:5rem;}
	#booking .contact .email a {
    margin-top: 0;
    line-height: 0;
    display: block;
    padding: .75rem 0 1.5rem;
  	}
	.space{display: none;}
	#copyright{font-size:.5em; padding:15% 0 30%;}
}


/*----------MOBILE PHONES - LANDSCAPE-----------*/


@media only screen 
	and (min-width: 500px)
	and (max-width: 999px)
	and (orientation:landscape)
{
	#title-tag{text-align: center; max-width:84% !important;}
		#title-tag h1 img{max-width:7vw;}
			h1{font-size:1.75rem;color:azure;animation:glowing 1s infinite linear;animation-delay:.5s;}
			h1 img{width:6vw; height:auto;}/*RADIO FLASHBACK*/
			.tagline {color:#00d5ff; font-size:1.25rem;padding:0 2rem}
		.towbeh img{width:7vw}
	#ttt p{max-width:100%;font-size:1.05rem; padding:.5rem 0rem 1.5rem;} /* Get ready..*/
	#two-paras{display:flex;justify-content: space-between; padding:2% 1.5% 0;}
	.paragraph{width:50%;font-size:1rem;}
	
	button img{max-width:33px}
	#bandpics{display:flex;flex-wrap:wrap;}
	#mike,#bobby,#steve,#tommy{position:static; background-position:0 -50px;}
	.member-card{min-width:42vw;max-width: 42vw;}
	.member-card .img-spacer{min-height:50vh;}
	.member-name{font-size:2rem;margin-top:3px;margin-bottom:3px}
	.member-title{line-height: .5rem}
	.blue-bottoms {padding: 1% 0 12%;}
	
	
	/*twoparts*/
	.twopartsetup:nth-of-type(1){display:block;}
	#paragraph3.paragraph{width:100%}
	#paragraph3 .padroom{padding:2rem 3rem 0;}
	.padroom h4{font-size: 1.75rem; width: 100%;text-align: center;}
	button{font-size:1.15rem;}
	button img{width:24px;}
	
	/*------GROUPSHOT OVAL HIDDEN------*/
	#ovalgroup.fifty-five{display:none;}
	
	/*------STEVE-MIKE REPLACED WITH FULL WIDTH IMAGE------*/
	#ovalsm.fifty-five{width: auto; min-height: 100vh; background-image: url("images/mobile-bandshots.png");background-size:100%; background-repeat: no-repeat;background-position:center center;}
	#ovalsm.fifty-five img{display:none;}
	#paragraph4.paragraph {width: 100%;}
	.padroom {padding: 0 12%;}
	.fb_iframe_widget_fluid {display: inline-block !important;}
	
	
	img.smalllogo{top:21%;}
	
	
	
	
	/*footer*/
		#management::before{
		content: "";
		display:block;
		width:100%;
		background-image: url("images/icons/Icon_footer-tower.png");
		background-size:contain;
		background-position: center center;
		background-repeat:no-repeat;
		min-height:20vh;
		padding-bottom:2rem;
	}
		#management .contact .email a{padding: .005rem 0 1rem;}
		#contact-container,.booknook{display:block;}
		
		#towersignal{display:none;}
		
		#contact-container{
			justify-content: center;
			text-align: center !important;
		  }
	
	.contact h6, .contact h5, .contact .email a{text-align: center !important;}
	.contact .ring{margin-top:.5rem;line-height: 0;}
	#booking .contact:nth-of-type(1){margin:1rem 0 0rem;} 
	#booking .contact:nth-of-type(1)::after{
		content:"";width:100%;
		min-height:40px;
		display:block;
		padding:2rem 0 0;
		background-image:url("images/volt-bolt_left_blue.png");
		background-size:10%;
		background-position:center 65%;
		background-repeat: no-repeat;
	} 
	#booking .contact:nth-of-type(2) {margin-top:0; margin-left:0}
	h5{font-size:1rem; margin-bottom:.015rem; padding-top:3.5rem;}
	#booking h5{margin-top:0; margin-left:0}
	#booking .contact .email a {margin-top: 0;line-height: 0;display: block;padding: .75rem 0 1.5rem;}
	.space{display: none;}
	#copyright{font-size:.5em; padding:15% 0 5%;}
}
	
/*
	#alt-tower{
	display:block;
		width:100%;
		background-image: url("images/icons/Icon_footer-tower.png");
		background-size:contain;
		background-position: center center;
		background-repeat:no-repeat;
		min-height:50vh !important;
		padding-bottom:2rem;
	}
	
	#management .contact .email a{padding: .005rem 1rem 1rem 0;}

	#towersignal{display:none;}
	#contact-container{
		justify-content: space-evenly;
		text-align: left;
		transform: scale(.8,.8);
		align-items: flex-start;
	  }
	
	.contact h6, .contact h5, .contact .email a{text-align: left;}
	.contact h6{font-size:1.75rem}
	.contact .ring{margin-top:.5rem;line-height: 0;}
	#management{min-width:53%;}
	#booking .contact:nth-of-type(1) { padding-left: 1rem; margin-right:2rem;}
	#booking .contact:nth-of-type(2) { margin-top: 0;}
	h5{font-size:1rem; margin-bottom:.015rem; margin-top:1.5rem;}
	#booking h5{margin-left:0;margin-top:1.5rem;}
	#booking .contact .email a {
    margin-top: 0;
    line-height: 0;
    display: block;
    padding: .75rem 0 1.5rem;
  	}
	.space{display: none;}
	.company{font-size:.9rem;}
	.ring{font-size:1.25rem;}
	#copyright{font-size:.75em; padding:15% 0 3%;}
*/



/*------------------iPad Mini - PORTRAIT---------------*/
@media only screen 
	and (min-device-width: 768px)
	and (max-device-width: 1024px)
	and (orientation:portrait)
{
	h1{font-size:2.2rem;}
	#title-tag h1 img{min-width:8vw}
	.tagline{font-size:1.15rem;padding:0 1rem;}
	#ttt p{max-width:90%; padding:.5rem 0;}
	.blue-bottoms{padding-bottom:12%;}
	.member-name{font-size:4rem;}
	.member-title{font-size:1.5rem;}
	#booking .contact:nth-of-type(1)::after{
		min-height:50px;
		padding:1rem 0 0;
		background-size:10%;
		background-position:center 65%;
	} 
	#paragraph4{display:block;}
	#paragraph4-mobile{display:none;}
}

/*---------------iPad Mini - LANDSCAPE-----------------*/
@media only screen 
	and (min-device-width: 768px)
	and (max-device-width: 1024px)
	and (orientation:landscape)
{
/*	#contact-container{transform:scale(.88,.88)}*/
	#title-tag{text-align: center; max-width:70%;}
		#title-tag h1 img{max-width:7vw;}
			h1{font-size:1.75rem;color:azure;animation:glowing 1s infinite linear;animation-delay:.5s;}
			h1 img{width:6vw; height:auto;}/*RADIO FLASHBACK*/
			.tagline {color:#00d5ff; font-size:1.25rem;padding:0 2rem}
		.towbeh img{width:7vw}
	#ttt p{max-width:90%;font-size:1.05rem; padding:.5rem 0rem 1.5rem;} /* Get ready..*/
	#two-paras{display:flex;justify-content: space-evenly; padding:2% 2.25% 0 3%;}
	.paragraph{width:50%;font-size:1rem;}
	#paragraph1{margin-right:1.5rem;}
	
	button img{max-width:33px}
	#bandpics{display:flex;flex-wrap:wrap;}
	#mike,#bobby,#steve,#tommy{position:static; background-position:0 -50px;}
	.member-card{min-width:42vw;max-width: 42vw;}
	.member-card .img-spacer{min-height:50vh;}
	.member-name{font-size:2.25rem}
	.member-title{line-height: 0}
	.blue-bottoms {padding: 1% 0 12%;}
	
	
	/*twoparts*/
	.twopartsetup:nth-of-type(1){display:block;}
	#paragraph3.paragraph{width:100%}
	#paragraph3 .padroom{padding:2rem 3rem 0;}
	.padroom h4{font-size: 1.75rem; width: 100%;text-align: center;}
	button{font-size:1.15rem;}
	button img{width:24px;}
	
	/*------GROUPSHOT OVAL HIDDEN------*/
	#ovalgroup.fifty-five{display:none;}
	
	/*------STEVE-MIKE REPLACED WITH FULL WIDTH IMAGE------*/
	#ovalsm.fifty-five{width: auto; min-height: 84vh; background-image: url("images/mobile-bandshots.png");background-size:100%; background-repeat: no-repeat;background-position:center center;}
	#ovalsm.fifty-five img{display:none;}
	#paragraph4.paragraph {width: 100%;}
	.padroom {padding: 3% 12%;}
	.fb_iframe_widget_fluid {display: inline-block !important;}
	
	
	img.smalllogo{top:15%;}
	
	/*footer*/
	#crowdshot::after{
		content: "";
		display:block;
		width:100%;
		background-image: url("images/icons/Icon_footer-tower.png");
		background-size:contain;
		background-position: center center;
		background-repeat:no-repeat;
		min-height:20vh;
		padding-bottom:2rem;
	}
	#management .contact .email a{padding: .005rem 1rem 1rem 0;}
/*	#contact-container,.booknook{display:block;}*/
	#towersignal{padding:0 1rem 0 .5rem !important}
	#towersignal img{max-height:130px;}
	#contact-container{
		justify-content: space-between;
		text-align: left;
		transform:none !important;
	  }
	
	.contact h6, .contact h5, .contact .email a{text-align: left;}
	.contact .ring{margin-top:.5rem;line-height: 0; font-size:1.5rem;}

	#booking .contact:nth-of-type(2) { margin-top: 0;}
	h5{font-size:1rem; margin-bottom:.015rem; margin-top:1.5rem;}
	#booking h5{margin-left:0;margin-top:1.5rem;font-size:1rem;}
	#booking .contact .email a {
    margin-top: 0;
    line-height: 0;
    display: block;
    padding: .75rem 0 1.5rem;
  	}
	.ring{font-size:1.25rem;}
	.space{display: none;}
	#copyright{font-size:.75em; padding:15% 0 3%;}
	
} 


/*---------------iPad OS-----------------*/
@media only screen 
	and (min-device-width: 810px)
	and (max-device-width: 1080px)
	and (orientation:landscape)
{
	#title-tag{max-width:60%;}
	button img{max-width:22px;}
		.fb_iframe_widget_fluid {display: inline-block !important;}
	#contact-container{transform:scale(.8,.8)}
/*	#management{width:32%}*/
	#towersignal{padding:0 3rem 0 2rem;}
	#towersignal img{max-height:180px;}
}

/*------------------iPad OS---------------*/
@media only screen 
	and (min-device-width: 810px)
	and (max-device-width: 1080px)
	and (orientation:portrait)
{
	
	h1{font-size:2.2rem;}
	#title-tag h1 img{min-width:8vw}
	.tagline{font-size:1.15rem;padding:0 1rem;}
	
	#title-tag{text-align: center; max-width:77%;}
/*		#title-tag h1 img{max-width:7vw;}*/
/*			h1{font-size:1.75rem;color:azure;animation:glowing 1s infinite linear;animation-delay:.5s;}*/
/*			h1 img{width:6vw; height:auto;}*/
/*			.tagline {color:#00d5ff; font-size:1.25rem;padding:0 2rem}*/
		.towbeh img{width:7vw}
	#ttt p{max-width:90%;font-size:1.05rem; padding:.5rem 0rem 1.5rem;}
	.paragraph h2{font-size:1.25rem;}
	#two-paras{display:flex;justify-content: space-evenly; padding:2% 4% 0 5%;}
	.paragraph{width:50%;font-size:1rem;}
	#paragraph1{margin-right:1.15em;}
	button img{max-width:33px}
	#bandpics{display:flex;flex-wrap:wrap;}
	#mike,#bobby,#steve,#tommy{position:static; background-position:0 -50px;}
	.member-card{min-width:42vw;max-width: 42vw;}
	.member-card .img-spacer{min-height:50vh;}
	.blue-bottoms{padding-bottom:12%;}
	.member-name{font-size:3.5rem;}
	.member-title{font-size:1.5rem;}
	
	
	/*twoparts*/
	.twopartsetup:nth-of-type(1){display:block;}
	#paragraph3.paragraph{width:100%}
	#paragraph3 .padroom{padding:2rem 3rem 0;}
	.padroom h4{font-size: 1.75rem; width: 100%;text-align: center;}
	button{font-size:1.15rem;}
	button img{width:24px;}
	
	/*------GROUPSHOT OVAL HIDDEN------*/
	#ovalgroup.fifty-five{display:none;}
	
	/*------STEVE-MIKE REPLACED WITH FULL WIDTH IMAGE------*/
	#ovalsm.fifty-five{width: auto; min-height: 33vh; background-image: url("images/mobile-bandshots.png");background-size:100%; background-repeat: no-repeat;background-position:center center;}
	#ovalsm.fifty-five img{display:none;}
	#paragraph4.paragraph {width: 100%;}
	.padroom {padding: 0 12%;}
	.fb_iframe_widget_fluid {display: inline-block !important;}
	#paragraph4{display:block;}
	#paragraph4-mobile{display:none;}
	
	img.smalllogo{top:17%;}
	
	/*footer*/
	#management::before{
		content: "";
		display:block;
		width:100%;
		background-image: url("images/icons/Icon_footer-tower.png");
		background-size:contain;
		background-position: center center;
		background-repeat:no-repeat;
		min-height:20vh;
		padding-bottom:2rem;
	}
	#management .contact .email a{padding: .005rem 0 1rem;}
	#contact-container,.booknook{display:block;}
	#towersignal{display:none;}
	#contact-container{
		justify-content: center;
		text-align: center;
	  }
	
	.contact h6, .contact h5, .contact .email a{text-align: center;}
	.contact .ring{margin-top:.5rem;line-height: 0;}
	#booking .contact:nth-of-type(1){margin:1rem 0 0rem;} 
	#booking .contact:nth-of-type(1)::after{
		content:"";width:100%;
		min-height:40px;
		display:block;
		padding:1rem 0 0;
		background-image:url("images/volt-bolt_left_blue.png");
		background-size:10%;
		background-position:center 65%;
		background-repeat: no-repeat;
	} 
	#booking .contact:nth-of-type(2) { margin-top: 0;}
	h5{font-size:1rem; margin-bottom:.015rem; margin-top:3.5rem;}
	#booking h5{margin-left:0;margin-top:5rem;}
	#booking .contact .email a {
    margin-top: 0;
    line-height: 0;
    display: block;
    padding: .75rem 0 1.5rem;
  	}
	.space{display: none;}
	#copyright{font-size:.5em; padding:15% 0 5%;}

	
}




/*iPad Air - PORTRAIT*/
/*------------------iPad Air - PORTRAIT---------------*/
@media only screen 
	and (min-device-width: 820px)
	and (max-device-width: 1180px)
	and (orientation:portrait)
{
	
	h1{font-size:2.2rem;}
	#title-tag h1 img{min-width:8vw}
	.tagline{font-size:1.15rem;padding:0 1rem;}
	
	#title-tag{text-align: center; max-width:77%;}
/*		#title-tag h1 img{max-width:7vw;}*/
/*			h1{font-size:1.75rem;color:azure;animation:glowing 1s infinite linear;animation-delay:.5s;}*/
/*			h1 img{width:6vw; height:auto;}*/
/*			.tagline {color:#00d5ff; font-size:1.25rem;padding:0 2rem}*/
		.towbeh img{width:7vw}
	#ttt p{max-width:90%;font-size:1.05rem; padding:.5rem 0rem 1.5rem;}
	.paragraph h2{font-size:1.25rem;}
	#two-paras{display:flex;justify-content: space-evenly; padding:2% 4% 0 5%;}
	.paragraph{width:50%;font-size:1rem;}
	#paragraph1{margin-right:1.15em;}
	button img{max-width:33px}
	#bandpics{display:flex;flex-wrap:wrap;}
	#mike,#bobby,#steve,#tommy{position:static; background-position:0 -50px;}
	.member-card{min-width:42vw;max-width: 42vw;}
	.member-card .img-spacer{min-height:50vh;}
	.blue-bottoms{padding-bottom:12%;}
	.member-name{font-size:3.5rem;}
	.member-title{font-size:1.5rem;}
	
	
	/*twoparts*/
	.twopartsetup:nth-of-type(1){display:block;}
	#paragraph3.paragraph{width:100%}
	#paragraph3 .padroom{padding:2rem 3rem 0;}
	.padroom h4{font-size: 1.75rem; width: 100%;text-align: center;}
	button{font-size:1.15rem;}
	button img{width:24px;}
	
	/*------GROUPSHOT OVAL HIDDEN------*/
	#ovalgroup.fifty-five{display:none;}
	
	/*------STEVE-MIKE REPLACED WITH FULL WIDTH IMAGE------*/
	#ovalsm.fifty-five{width: auto; min-height: 33vh; background-image: url("images/mobile-bandshots.png");background-size:100%; background-repeat: no-repeat;background-position:center center;}
	#ovalsm.fifty-five img{display:none;}
	#paragraph4.paragraph {width: 100%;}
	.padroom {padding: 0 12%;}
	.fb_iframe_widget_fluid {display: inline-block !important;}
	#paragraph4{display:block;}
	#paragraph4-mobile{display:none;}
	
	img.smalllogo{top:17%;}
	
	/*footer*/
	#management::before{
		content: "";
		display:block;
		width:100%;
		background-image: url("images/icons/Icon_footer-tower.png");
		background-size:contain;
		background-position: center center;
		background-repeat:no-repeat;
		min-height:20vh;
		padding-bottom:2rem;
	}
	#management .contact .email a{padding: .005rem 0 1rem;}
	#contact-container,.booknook{display:block;}
	#towersignal{display:none;}
	#contact-container{
		justify-content: center;
		text-align: center;
	  }
	
	.contact h6, .contact h5, .contact .email a{text-align: center;}
	.contact .ring{margin-top:.5rem;line-height: 0;}
	#booking .contact:nth-of-type(1){margin:1rem 0 0rem;} 
	#booking .contact:nth-of-type(1)::after{
		content:"";width:100%;
		min-height:40px;
		display:block;
		padding:1rem 0 0;
		background-image:url("images/volt-bolt_left_blue.png");
		background-size:10%;
		background-position:center 65%;
		background-repeat: no-repeat;
	} 
	#booking .contact:nth-of-type(2) { margin-top: 0;}
	h5{font-size:1rem; margin-bottom:.015rem; margin-top:3.5rem;}
	#booking h5{margin-left:0;margin-top:5rem;}
	#booking .contact .email a {
    margin-top: 0;
    line-height: 0;
    display: block;
    padding: .75rem 0 1.5rem;
  	}
	.space{display: none;}
	#copyright{font-size:.5em; padding:15% 0 5%;}

	
}


/*iPad Air - LANDSCAPE*/
/*------------------iPad Air - LANDSCAPE---------------*/
@media only screen 
	and (min-device-width: 820px)
	and (max-device-width: 1180px)
	and (orientation:landscape)
{
	img.smalllogo{top:16%;}
		.fb_iframe_widget_fluid {display: inline-block !important;}
}





/*iPad Pro*/
@media only screen 
	and (min-device-width: 1024px)
	and (max-device-width: 1366px)
	and (orientation:portrait)
{
	#title-tag{max-width:65%;}
	#ttt p{padding:.75rem 1.75rem 0;}
	
	.member-card{margin:.5rem; min-width:22vw; max-width: 22vw;}
	#mike{background-position:30% -7vh !important;}
	#bobby{background-size:270%;}
	#tommy{background-position:65% -5vh !important;}
	
	.padroom{padding:2% 9%;}
	.fifty-five, .fourty-five{width:50%;}
	button img{max-width:22px;}
	#paragraph4{display:block;width:100%}
	#paragraph4-mobile{display:none}
	
	
	img.smalllogo{top:15%;}
	
	#towersignal{padding:0 4rem 0 2rem;}
	.contact h6{font-size:3rem;}
	#booking .contact .email a, .company {font-size:1.25rem;}
	.contact .ring{font-size:2rem; line-height:2rem;}
	#booking .contact:nth-of-type(1)::after{padding:3rem 0 0}
	
}


/*iPad Pro*/
@media only screen 
	and (max-device-width: 1366px)
	and (min-device-width: 1024px)
	and (orientation:landscape)
{
	#ttt p{padding:.75rem 1.75rem 0;}
	.member-card{margin:.5rem; min-width:22vw; max-width: 22vw;}
	#mike{background-position:30% -7vh !important;}
	#tommy{background-position:65% -5vh !important;}
		.fb_iframe_widget_fluid {display: inline-block !important;}
}