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

/* BODY, HEADER, HEADINGS, NAVBAR */
body {color:#fff; background-color: black; max-width: 1920px; max-height: 1080px; font-family: helvetica, georgia, serif; font-size: 20px;}
h1   {line-height: 0px; font-size: 100%; font-family:  Helvetica, Arial, "sans-serif"; letter-spacing: 2px; }
h2   {line-height: 0px; font-size: 247%; font-family: Helvetica, Arial, "sans-serif";}
h3   {line-height: 0px; font-size: 90%; font-family: Helvetica, Arial, "sans-serif";}

#header {background-repeat:no-repeat; background-position: center center; background-image: url("../images/JPG/Organ Waveform.jpg");
		 display: block; text-align: center; height: auto; max-width: 100%; border:#fff 4px solid; border-radius: 5px; font-size: 90%;}	

#footer {margin:4px; height:auto; clear:both; max-width: 100%; border-radius:5px; color:#efe5d0#fff; 
		 text-align:center; padding:4px; font-size: 50%; opacity: .7;}

#locaudio {line-height: auto; text-align: center; font-size: 124%; font-family: Helvetica, Arial, "sans-serif" ; 
	      letter-spacing: 7px; font-weight: bold; max-width: 100%; background-color: #fff; color: #000; opacity: .50;} 

#pageid {padding: 7px; line-height: auto; font-size: 140%; font-family: Helvetica, Arial, "sans-serif"; font-weight: bold; opacity: 50%}

/*NAVBAR*/
#navbar ul {opacity: 1.0; padding: 4px;max-width: 100%; list-style-type: none; text-align: center; margin-top: 0px; margin-bottom: 0px; border-radius: 5px;}
#navbar ul li {display:inline; padding: 7px;max-width: 100%;}
#navbar ul li a {text-decoration: none; font-family:  Helvetica, Arial, "sans-serif"; font-weight: bold; padding: 4px; color: #fff; border-radius: 5px; font-size: 140%;}
#navbar ul li a:hover {opacity: 1.0; transition:opacity 0.5s ease-in-out; color: #000; background-color: #fff;}

/*PARAGRAPHS AND TITLES*/
/*PARAGRAPHS-NO BORDER-ALIGN CENTER*/
.para-1 {text-align: center; padding: 2px;}
/*PARAGRAPH-WITH BORDER*/
.para-2 {text-align: center; padding: 2px;border:#fff 4px solid; border-radius: 5px;}
/*PARAGRAPH-FLOAT*/
.para-3 {text-align: center; padding: 2px;border:#fff 4px solid; border-radius: 5px;}
/*SMALL TEXT*/
.para-small {text-align: center; font-size: 70%; padding: 2px;}
/*PARAGRAPHS-NO BORDER-ALIGN LEFT*/
.para-4 {text-align: left; padding: 2px;}

/*DIV BOXES*/
.black-box {background-color: #000; color:white; border: #fff solid; border-radius: 5px; text-align: center; height: auto; }
.page-box  {background-color: #000; color:white; border: #fff solid; border-radius: 5px; text-align: center; height: auto; }

.home {max-width: 100%; height: 300px; background-image: url("../images/JPG/Home-A.jpg"); 
   background-repeat:no-repeat; 
   background-position: center center;
   -webkit-background-size: cover;
   -moz-background-size: 100%;
   -o-background-size: 100%;
   background-size: cover;
   margin-left: auto; margin-right: auto; display:block; align: center; border: #fff  4px solid; border-radius: 5px; text-align: center;}

.aboutus {max-width: 100%; height: 300px; background-image: url("../images/JPG/AboutUs-A.jpg"); 
   background-repeat:no-repeat; 
   background-position: center center;
   -webkit-background-size: contain;
   -moz-background-size: 100%;
   -o-background-size: 100%;
   background-size: contain;
   display:block; align: center; border: #fff  4px solid; border-radius: 5px; text-align: center;}

.experience {max-width: 100%; height: 300px; background-image: url("../images/JPG/Experience-A.jpg"); 
	background-repeat:no-repeat; background-position: center center;  
   -webkit-background-size: 100%;
   -moz-background-size: 100%;
   -o-background-size: 100%;
   background-size: cover;
   margin-left: auto; margin-right: auto; display:block; align: center; border: #fff  4px solid; border-radius: 5px; text-align: center; font-size: 100%;}

.equipment {max-width: 100%; height: 300px; background-image: url("../images/JPG/Equipment-A.jpg"); 
   background-repeat:no-repeat; 
   background-position: center center; 
   -webkit-background-size: contain;
   -moz-background-size: 100%;
   -o-background-size: 100%;
   background-size: contain;
   align: center; border: #fff  4px solid; border-radius: 5px; text-align: center;}

.contact {max-width: 100%; height: 300px; background-image: url("../images/JPG/Contact-A.jpg"); 
   background-repeat:no-repeat; 
   background-position: center center;
   -webkit-background-size: cover;
   -moz-background-size: 100%;
   -o-background-size: 100%;
   background-size: cover;
   margin-left: auto; margin-right: auto; display:block; align: center; border: #fff  4px solid; border-radius: 5px; text-align: center;}


.home-text {text-align: center; height: 300px; padding: 70px; padding-top: 40px; font-size: 90%; opacity: .80;}

.aboutus-text { width: 54%; height: 300px; text-align: center;  padding-top: 30px; margin-left: auto; margin-right: auto;  font-size: 74%;-webkit-font-size: 74%; opacity: .87;}

.experience-text { color:white;  width: 97%; height: 300px; border-radius: 5px; text-align: center;margin-left: auto; margin-right: auto; 
				 align: center; display:block;font-size: 100%; opacity: 100;}

.equipment-text { color:white;  width: 100%;  border-radius: 5px; text-align: center;margin-left: auto; margin-right: auto; 
				height: 300px; align: center; display:block;font-size: 120%; opacity: .87;}

.contact-text { color:white;  width: 100%; padding-top: 40px; border-radius: 5px; text-align: center;margin-left: auto; margin-right: auto; 
				height: 300px; align: center; display:block;font-size: 120%; opacity: .87;}

/*TITLE-PARAGRAPH-IMAGE=300px-THREE BOXES*/			  

img.logo {width: 54%; height: 54%; display: block; margin-left: auto; margin-right: auto; padding: 3px; background-color: #000;}		 
			  
/*IMAGES*/		  
img.jb {height: 100%; float: left; margin-left: auto; margin-right: auto; margin-top: 12px;  padding: 3px; background-color: #fff;}	
img.cb {height: 100%; float: right; margin-left: auto; margin-right: auto; padding: 3px; background-color: #fff;}


/*TABS*/

.warpper {max-height: 100%; display: flex; flex-direction: column; align-items: center; width: 100%; margin-left: auto; margin-right: auto; font-size: 140%}

.tab {width: 100%; -webkit-width: 100%; 
	max-height: 100%; -webkit-max-height: 100%;
	cursor: pointer; -webkit-cursor: pointer;
	display: inline-block; -webkit-display: inline-block; 
	margin: 0px 1%; -webkit-margin: 0px 1%;
	color: #ccc; -webkit-color: #ccc;
	border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;
	box-shadow: 4px 4px 4px 4px #00000080; -webkit-box-shadow: 4px 4px 4px 4px #00000080;
	border: solid white; -webkit-border: solid white; 
	font-family:  Helvetica, Arial, "sans-serif"; -webkit-font-family:  Helvetica, Arial, "sans-serif";
	font-size: 100%; -webkit-font-size: 100%;}

.tabs {width: 100%; -webkit-width: 100%;
	max-height: 100%; -webkit-max-height: 100%;
	font-size: 100%; -webkit-font-size: 100%;
	font-family: Helvetica, Arial, "sans-serif"; -webkit-font-family: Helvetica, Arial, "sans-serif"; }

.panels {width: 97%; max-height: 100%; border-radius: 3px; overflow: hidden; padding: 17px;font-size: 100%;font-family:  Helvetica, Arial, "sans-serif";}

.panel {display: none; max-height: 100%; animation: fadein 0.8s;font-family:  Helvetica, Arial, "sans-serif";}

#one-panel   {font-size: 90%; opacity: .74; height: 100%; padding-top: 10px;font-family:  Helvetica, Arial, "sans-serif";}
#two-panel   {font-size: 100%; opacity: .74; height: 100%; padding-top: 10px;font-family:  Helvetica, Arial, "sans-serif";}
#three-panel {font-size: 120%; opacity: .74; height: 100%; padding-top: 10px;font-family:  Helvetica, Arial, "sans-serif";}
#four-panel  {font-size: 117%; opacity: .74; width:auto; height: 100%; padding-top: 10px;font-family:  Helvetica, Arial, "sans-serif";}
#five-panel  {font-size: 112%; opacity: .74; width:auto; height: 100%; padding-top: 10px;font-family:  Helvetica, Arial, "sans-serif";}

@keyframes fadein {from {opacity: 0;} to { opacity: .74;}}

.radio {display: none;}

#one:checked ~ .panels #one-panel,
#two:checked ~ .panels #two-panel,
#three:checked ~ .panels #three-panel,
#four:checked ~ .panels #four-panel,
#five:checked ~ .panels #five-panel
{display: block;}

#one:checked ~ .tabs #one-tab, 
#two:checked ~ .tabs #two-tab,
#three:checked ~ .tabs #three-tab,
#four:checked ~ .tabs #four-tab,
#five:checked ~ .tabs #five-tab
{background: #747474; color: #000;  border: 1px solid white;}

/*HYPER LINKS*/
/* unvisited link */
a:link {color: white;}

/* visited link */
a:visited {color: white;}

/* mouse over link */
a:hover {color: white;}

/* selected link */
a:active {color: white;}

/*........................................................................................................................................................*/
/*........................................................................................................................................................*/
/*........................................................................................................................................................*/
/*........................................................................................................................................................*/
/*........................................................................................................................................................*/
/*........................................................................................................................................................*/
/*........................................................................................................................................................*/

/*MEDIA QUERIES*/
@media (max-width: 900px) {
body {color:#fff; background-color: black; max-width: 900px; max-height: 300px; font-family: helvetica, georgia, serif; font-size: 16px;}
h1   {line-height: 0px; font-size: 100%; font-family:  Helvetica, Arial, "sans-serif"; letter-spacing: 2px; }

#header {background-repeat:no-repeat; background-position: center center; background-image: url("../images/JPG/Organ Waveform.jpg");
		 display: block; text-align: center; height: auto; max-width: 100%; border:#fff 4px solid; border-radius: 5px; font-size: 132%;}	

#footer  {margin:4px; height:auto; clear:both; border-radius:5px; color:#efe5d0#fff; text-align:center; padding:4px; font-size:50%;}

#locaudio {line-height: auto; text-align: center; font-size: 100%; font-family: Helvetica, Arial, "sans-serif" ; 
	letter-spacing: 7px; font-weight: bold; max-width: 100%; background-color: #fff; color: #000; opacity: .50;} 

#pageid {padding: 4px; line-height: auto; font-size: 150%; font-family: Helvetica, Arial, "sans-serif"; font-weight: bold; opacity: 50%}

/*NAVBAR*/
#navbar ul {opacity: 1.0; padding: 4px; max-width: 100%; list-style-type: none; text-align: center;
			margin-top: 0px; margin-bottom: 0px; border-radius: 5px;}
#navbar ul li {display:inline; padding: 2px;}
#navbar ul li a {text-decoration: none; font-family: Helvetica, Arial, "sans-serif"; font-weight: bold;
		padding: 2px; color: #fff; border-radius: 5px; font-size:100%;}
#navbar ul li a:hover {opacity: 1.0; transition:opacity 0.5s ease-in-out; color: #000; background-color: #fff;}

/*PARAGRAPHS AND TITLES*/
/*PARAGRAPHS-NO BORDER*/
.para-1 {text-align: center; padding: 2px; font-size: 84%}
/*PARAGRAPH-WITH BORDER*/
.para-2 {text-align: center; padding: 2px;border:#fff 4px solid; border-radius: 5px;}
/*PARAGRAPH-FLOAT*/
.para-3 {text-align: center; padding: 2px;border:#fff 4px solid; border-radius: 5px;}
/*SMALL TEXT*/
.para-small {text-align: center; font-size: 70%; padding: 2px;}

/*DIV BOXES*/
.black-box {background-color: #000; color:white; border: #fff solid; border-radius: 5px; text-align: center; height: auto; margin-left: auto; margin-right: auto;}
	
.home { max-width: 100%; height: 300px; background-image: url("../images/JPG/Home-B.jpg");
   -webkit-background-size: cover;
   -moz-background-size: 100%;
   -o-background-size: 100%;
   background-size: cover;
   margin-left: auto; margin-right: auto; display:block; align: center; border: #fff  4px solid; border-radius: 5px; text-align: center;}
	
.aboutus {max-width: 100%; height: 300px; background-image: url("../images/JPG/AboutUs-B.jpg"); 
   background-repeat:no-repeat; 
   background-position: center center;
   -webkit-background-size: cover;
   -moz-background-size: 100%;
   -o-background-size: 100%;
   background-size:cover;
   margin-left: auto; margin-right: auto; display:block; align: center; border: #fff  4px solid; border-radius: 5px; text-align: center;}
	
.experience { max-width: 100%; height: 300px; background-image: url("../images/JPG/Experience-B.jpg"); 
   -webkit-background-size: cover;
   -moz-background-size: 100%;
   -o-background-size: 100%;
   background-size: cover;
   margin-left: auto; margin-right: auto; display:block; align: center; border: #fff  4px solid; border-radius: 5px; text-align: center;}
	
.equipment { max-width: 100%; height: 300px; background-image: url("../images/JPG/Equipment-B.jpg"); 
   background-image: no repeat; 
   -webkit-background-size: contain;
   -moz-background-size: 100%;
   -o-background-size: 100%;
   background-size: contain;
   margin-left: auto; margin-right: auto; display:block; align: center; border: #fff  4px solid; border-radius: 5px; text-align: center;}
	
.contact {max-width: 100%; height: 300px; background-image: url("../images/JPG/Contact-B.jpg")no-repeat; 
   -webkit-background-size: cover;
   -moz-background-size: contain;
   -o-background-size: contain;
   background-size: cover;
   margin-left: auto; margin-right: auto; display:block; align: center; border: #fff  4px solid; border-radius: 5px; text-align: center;}

/*TEXT BOXES*/
.home-text {text-align: center;height: 300px; padding-left:14%; padding-right: 14%; padding-top: 2%; font-size: 100%; opacity: .8;}
	
.aboutus-text {text-align: center; padding: 2px; color:white;  width: 77%;  border-radius: 5px; margin-left: auto; margin-right: auto; 
				height: 300px; align: center; display:block; font-size: 74%; -webkit-font-size: 74%; opacity: .84;}
	
.experience-text { color:white;  width: 97%; height: 300px; border-radius: 5px; text-align: center;margin-left: auto; margin-right: auto; 
				 align: center; display:block;font-size: 120%;opacity: .87;}
	
.equipment-text { color:white;  width: 100%; padding-top: 40px; border-radius: 5px; text-align: center;margin-left: auto; margin-right: auto; 
				height: 300px; align: center; display:block;font-size:  100%; opacity: .87;}
	
.contact-text { color:white;  width: 100%; padding-top: 50px; border-radius: 5px; text-align: center;margin-left: auto; margin-right: auto; 
				height: 300px; align: center; display:block; font-size: 140%; opacity: .87;}

/*TABS*/
.warpper {display: flex; flex-direction: column; align-items: center; width: 97%; margin-left: auto; margin-right: auto;}
.panels {width: 97%; border-radius: 3px; overflow: hidden; padding: 17px;  font-family: Helvetica, Arial, "sans-serif";font-size: 100%;}
.tab {cursor: pointer; width: auto; max-height: 100%; display: inline-block; margin: 0px .1%;  color: #ccc; border-radius: 4px 4px 4px 4px; 
	    box-shadow: 4px 4px 4px 4px #00000080; border: solid white; font-size: 100%; font-family: Helvetica, Arial, "sans-serif"; }
.tabs {width: 100%; height: 100%; font-size: 100%; font-family: Helvetica, Arial, "sans-serif";}

#one-panel   {font-size: 100%; opacity: .74; height: 100%; padding-top: 10px;font-family:  Helvetica, Arial, "sans-serif";}
#two-panel   {font-size: 100%; opacity: .74; height: 100%; padding-top: 10px;font-family:  Helvetica, Arial, "sans-serif";}
#three-panel {font-size: 120%; opacity: .74; height: 100%; padding-top: 10px;font-family:  Helvetica, Arial, "sans-serif";}
#four-panel  {font-size: 117%; opacity: .74; width:auto; height: 100%; padding-top: 10px;font-family:  Helvetica, Arial, "sans-serif";}
#five-panel  {font-size: 112%; opacity: .74; width:auto; height: 100%; padding-top: 10px;font-family:  Helvetica, Arial, "sans-serif";}
}

/*........................................................................................................................................................*/
/*........................................................................................................................................................*/
/*........................................................................................................................................................*/
/*........................................................................................................................................................*/
/*........................................................................................................................................................*/


@media (max-width: 550px) {
body {color:#fff; background-color: black; max-width: 550px; max-height: 300px; font-family: helvetica, georgia, serif; font-size: 14px;}
h1   {line-height: 0px; font-size: 80%; font-family:  Helvetica, Arial, "sans-serif"; letter-spacing: 2px; }
#header {background-repeat:no-repeat; background-position: center center; background-image: url("../images/JPG/Organ Waveform.jpg");
		 display: block; text-align: center; height: auto; max-width: 100%; border:#fff 4px solid; border-radius: 5px; font-size: 100%;}
	
/*DIV BOXES*/
.black-box {background-color: #000; color:white; border: #fff solid; border-radius: 5px; text-align: center; height: auto; margin-left: auto; margin-right: auto;}
	
.home { max-width: 100%; height: 300px; background-image: url("../images/JPG/Home-C.jpg");
   -webkit-background-size: cover;
   -moz-background-size: 100%;
   -o-background-size: 100%;
   background-size: cover;
   margin-left: auto; margin-right: auto; display:block; align: center; border: #fff  4px solid; border-radius: 5px; text-align: center;}
	
.aboutus {max-width: 100%; height: 300px; background-image: url("../images/JPG/AboutUs-B.jpg"); 
   background-repeat:no-repeat; background-position: center center;
   -webkit-background-size: contain;
   -moz-background-size: 100%;
   -o-background-size: 100%;
   background-size: contain;
   margin-left: auto; margin-right: auto; display:block; align: center; border: #fff  4px solid; border-radius: 5px; text-align: center;}
	
.experience { max-width: 100%; height: 300px; background-image: url("../images/JPG/Experience-C.jpg");
   -webkit-background-size: cover;
   -moz-background-size: 100%;
   -o-background-size: 100%;
   background-size: cover;
   margin-left: auto; margin-right: auto; display:block; align: center; border: #fff  4px solid; border-radius: 5px; text-align: center;}
	
.equipment { max-width: 100%; height: 300px; background-image: url("../images/JPG/Equipment-C.jpg"); 
   -webkit-background-size: 100%;
   -moz-background-size: contain;
   -o-background-size: contain;
   background-size: 100%;
   margin-left: auto; margin-right: auto; display:block; align: center; border: #fff  4px solid; border-radius: 5px; text-align: center;}
	
.contact {max-width: 100%; height: 300px; background-image: url("../images/JPG/Contact-C.jpg")no-repeat; 
   -webkit-background-size: cover;
   -moz-background-size: 100%;
   -o-background-size: 100%;
   background-size: cover;
   margin-left: auto; margin-right: auto; display:block; align: center; border: #fff  4px solid; border-radius: 5px; text-align: center;}
	
/*TEXT BOXES*/
.home-text {height: 300px; text-align: center; padding-left:14%; padding-right: 14%; padding-top: 10%; font-size: 100%; opacity: .8;}
	
.aboutus-text {text-align: center; padding: 2px; color:white;  width: 80%; border-radius: 5px; margin-left: auto; margin-right: auto; 
				height: 300px; align: center; display:block; font-size: 70%; -webkit-font-size: 70%; opacity: .84;}
	
.experience-text { color:white;  width: 97%; border-radius: 5px; text-align: center;margin-left: auto; margin-right: auto; 
				height: 300px; align: center; display:block;font-size:120%; opacity: .87;}
	
.equipment-text { color:white;  width: 100%; padding-top: 40px; border-radius: 5px; text-align: center;margin-left: auto; margin-right: auto; 
				height: 300px; align: center; display:block;font-size:  100%; opacity: .87;}
	
.contact-text { color:white;  width: 100%; padding-top: 70px; border-radius: 5px; text-align: center;margin-left: auto; margin-right: auto; 
				height: 300px; align: center; display:block;font-size:  120%; opacity: .87;}
	
.warpper {display: flex; flex-direction: column; align-items: center; width: 100%; margin-left: auto; margin-right: auto;}
	
.tab {cursor: pointer; width: auto; display: inline-block; margin: 0px .1%;  color:white; border-radius: 3px 3px 3px 3px; 
	    box-shadow: 1px 1px 1px 1px #00000080; border: solid white 1px; font-size: 100%;font-family: Helvetica, Arial, "sans-serif"; }
	
.tabs {width: 100%; font-size: 80%;font-family: Helvetica, Arial, "sans-serif";}
	
.panels {width: 97%; overflow: hidden; padding: 10px; font-size: 70%; font-family: Helvetica, Arial, "sans-serif"; }
	
#one-panel   {font-size: 90%; opacity: .74; height: 100%; padding-top: 10px;font-family:  Helvetica, Arial, "sans-serif";}
#two-panel   {font-size: 90%; opacity: .74; height: 100%; padding-top: 10px;font-family:  Helvetica, Arial, "sans-serif";}
#three-panel {font-size: 110%; opacity: .74; height: 100%; padding-top: 10px;font-family:  Helvetica, Arial, "sans-serif";}
#four-panel  {font-size: 107%; opacity: .74; width:auto; height: 100%; padding-top: 10px;font-family:  Helvetica, Arial, "sans-serif";}
#five-panel  {font-size: 104%; opacity: .74; width:auto; height: 100%; padding-top: 10px;font-family:  Helvetica, Arial, "sans-serif";}

}


/*........................................................................................................................................................*/
/*........................................................................................................................................................*/
/*........................................................................................................................................................*/
/*........................................................................................................................................................*/
/*........................................................................................................................................................*/


@media (max-width: 400px) {
body {color:#fff; background-color: black; max-width: 400px; max-height: 300px; font-family: helvetica, georgia, serif; font-size: 12px;}
h1   {line-height: 0px; font-size: 60%; font-family:  Helvetica, Arial, "sans-serif"; letter-spacing: 2px; }
h2 {line-height: 0px; font-size: 247%; font-family: Helvetica, Arial, "sans-serif";}

#header {background-repeat:no-repeat; background-position: center center; background-image: url("../images/JPG/Organ Waveform.jpg");
		 display: block; text-align: center; height: auto; max-width: 100%; border:#fff 4px solid; border-radius: 5px; font-size: 100%;}	

#footer  {margin:4px; height:auto; clear:both; border-radius:5px; color:#efe5d0#fff; text-align:center; padding:4px; font-size:44%;}

#locaudio {line-height: auto; text-align: center; font-size: 80%; font-family: Helvetica, Arial, "sans-serif" ; 
	letter-spacing: 4px; font-weight: bold; max-width: 100%; background-color: #fff; color: #000; opacity: .50;} 

#pageid {padding: 7px; line-height: auto; font-size: 150%; font-family: Helvetica, Arial, "sans-serif"; font-weight: bold; opacity: 50%}

/*NAVBAR*/
#navbar ul { opacity: 1.0; padding: 2px; list-style-type: none; text-align: center;
			margin-top: 4px; margin-bottom: 4px; border-radius: 5px;}
#navbar ul li {display:inline; padding: 2px;}
#navbar ul li a {text-decoration: none; font-family: Helvetica, Arial, "sans-serif"; font-weight: bold;
		padding: 2px; color: #fff; border-radius: 5px; font-size: 80%;}
#navbar ul li a:hover {opacity: 1.0; transition:opacity 0.5s ease-in-out; color: #000; background-color: #fff;}

/*PARAGRAPHS AND TITLES*/
/*PARAGRAPHS-NO BORDER*/
.para-1 {text-align: center; padding: 2px;font-size: 54%;}
/*PARAGRAPH-WITH BORDER*/
.para-2 {text-align: center; padding: 2px;border:#fff 4px solid; border-radius: 5px;}
/*PARAGRAPH-FLOAT*/
.para-3 {text-align: center; padding: 2px;border:#fff 4px solid; border-radius: 5px;}
/*SMALL TEXT*/
.para-small {text-align: center; font-size: 70%; padding: 2px;}

/*DIV BOXES*/
.black-box {background-color: #000; color:white; border: #fff solid; border-radius: 5px; text-align: center; height: auto; }
	
.home { max-width: 100%; height: 300px; background-image: url("../images/JPG/Home-C.jpg"); 
   -webkit-background-size: cover;
   -moz-background-size: 100%;
   -o-background-size: 100%;
   background-size: cover;
   margin-left: auto; margin-right: auto; display:block; align: center; border: #fff  4px solid; border-radius: 5px; text-align: center;}
	
.aboutus {max-width: 100%; height: 300px; background-image: url("../images/JPG/AboutUs-C.jpg");  
   -webkit-background-size: 100%;
   -moz-background-size: 100%;
   -o-background-size: 100%;
   background-size: 100%;
   margin-left: auto; margin-right: auto; display:block; align: center; border: #fff  4px solid; border-radius: 5px; text-align: center;}
	
.experience { max-width: 100%; height: 300px; background-image: url("../images/JPG/Experience-C.jpg"); 
   -webkit-background-size: cover;
   -moz-background-size: contain;
   -o-background-size: contain;
   background-size: cover;
   margin-left: auto; margin-right: auto; display:block; align: center; border: #fff  4px solid; border-radius: 5px; text-align: center;}
	
.equipment { max-width: 100%; height: 300px; background-image: url("../images/JPG/Equipment-C.jpg")no-repeat;   
   -webkit-background-size:100%;
   -moz-background-size: contain;
   -o-background-size: contain;
   background-size: 100%;
   margin-left: auto; margin-right: auto; display:block; align: center; border: #fff  4px solid; border-radius: 5px; text-align: center;}
	
.contact {max-width: 100%; height: 300px; background-image: url("../images/JPG/Contact-C.jpg")no-repeat; 
   -webkit-background-size: cover;
   -moz-background-size: 100%;
   -o-background-size: 100%;
   background-size: cover;
   margin-left: auto; margin-right: auto; display:block; align: center; border: #fff  4px solid; border-radius: 5px; text-align: center;}

.home-text {width: 90%; text-align: center; padding: 27px; padding-top: 60px; font-size:  120%; opacity: .74;}
	
.aboutus-text { text-align: center; padding: 2px; color:white;  width: 90%; border-radius: 5px; margin-left: auto; margin-right: auto; height: 300px; align: center; display:block; font-size: 90%; -webkit-font-size: 90%; opacity: .74;}
	
.experience-text { color:white;  width: 100%; height: 300px; border-radius: 5px; text-align: center;margin-left: auto; margin-right: auto; 
				height: 300px; align: center; display:block; font-size: 110%; opacity: 1;}
	
.equipment-text { color:white;  width: 100%; padding-top: 60px; border-radius: 5px; text-align: center;margin-left: auto; margin-right: auto; 
				height: 300px; align: center; display:block;font-size:  100%; opacity: .74;}
	
.contact-text { color:white;  width: 97%; padding-top: 80px; border-radius: 5px; text-align: center;margin-left: auto; margin-right: auto; 
				height: 300px; align: center; display:block;font-size:  130%; opacity: .74;}


/*TITLE-PARAGRAPH-IMAGE=300px-THREE BOXES*/			  
		 
		  
/*IMAGES*/		  
img.jb {height: 100%; float: left; margin-left: auto; margin-right: auto; margin-top: 12px;  padding: 3px; background-color: #fff;}	
img.cb {height: 100%; float: right; margin-left: auto; margin-right: auto; padding: 3px; background-color: #fff;}

img.aboutus    {width: 70%; height: auto; margin-left: auto; margin-right: auto;}
}

/*TABS*/
.warpper {display: flex; flex-direction: column; align-items: center; width: 100%; margin-left: auto; margin-right: auto;}
.tab {cursor: pointer; width: auto; display: inline-block; margin: 0px .1%;  color:white; border-radius: 3px 3px 3px 3px; 
	    box-shadow: 1px 1px 1px 1px #00000080; border: solid white 1px; font-size: 100%; font-family: Helvetica, Arial, "sans-serif";}
.tabs {width: 100%; font-size: 70%; font-family: Helvetica, Arial, "sans-serif";}
.panels {width: 97%; overflow: hidden; padding: 10px; font-size: 60%;font-family: Helvetica, Arial, "sans-serif"; }

#one-panel   {font-size: 100%; opacity: .74; height: 100%; padding-top: 10px;font-family:  Helvetica, Arial, "sans-serif";}
#two-panel   {font-size: 100%; opacity: .74; height: 100%; padding-top: 10px;font-family:  Helvetica, Arial, "sans-serif";}
#three-panel {font-size: 110%; opacity: .74; height: 100%; padding-top: 10px;font-family:  Helvetica, Arial, "sans-serif";}
#four-panel  {font-size: 107%; opacity: .74; width:auto; height: 100%; padding-top: 10px;font-family:  Helvetica, Arial, "sans-serif";}
#five-panel  {font-size: 107%; opacity: .74; width:auto; height: 100%; padding-top: 10px;font-family:  Helvetica, Arial, "sans-serif";}