@charset "utf-8";
/* CSS Document */
#services{font-weight:bold; background-color:#F4A45E;}
table{width:97%; margin:auto; border:solid thin;}
table th, table td{border:solid thin;}
#servicehead{font-size:16px; text-align:center;}
#productul{width:100%; margin:0 auto; padding:3px; position:relative;}
#productul h4{margin:0px;} 
#productul li{margin:0px; list-style-type:none; display:inline-block; padding:0px;}
#productimg{max-width:150px;}
.innerlow{position:relative; margin:auto; width:70%; border-bottom:solid medium #7B3500; padding-bottom:20px;}
#vidcont{display:flex; margin:auto; align-content:center; }
#video{position:relative; margin:auto;}

.hidden {
  display: none;
}

.container {
  max-width: 750px;
  margin:10px auto 10px auto;
}

.container > div {
  display: inline-block;
}

#slide-wrapper{width:100%; position:relative;}

#slideshow {
    margin:20px auto; 
    position: relative; 
    width: 90%; 
    min-height: 200px; 
    padding: 10px; 
    box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}

#slideshow > div {
	position: absolute; 
   	top: 10px; 
    left: 5px; 
    right: 5px; 
    bottom: 5px;
}

#slideshow img {
	flex-shrink:0;
	max-height:100%;
	max-width: 100%;
	display:block;
  margin: 0px auto 0px auto;
}

.arrowR, .arrowL {
  cursor: pointer;
  position: absolute;
  top: 50%;
  font-size:24px !important;
  width: auto;
  color: #9FA8DA;
  padding: 0px;
  margin:5px;
  z-index:1;
}
/* Position the "next button" to the right */
.arrowR {
  right: 0;
}
/* Position the "next button" to the right */
.arrowL {
  left: 0;
}
/* On hover, add a black background color with a little bit see-through */
.arrowL:hover,
.arrowR:hover {
color: rgba(0, 0, 0, 0.8);
}

@media only screen and (min-width: 600px) {
	/* For tablets: */	
.arrowR, .arrowL {font-size:40px !important;}
#slideshow { min-height:300px;}
 #servicehead{font-size:25px; text-align:center;}
table td{padding-left:10px;}
}

@media only screen and (min-width: 1000px) {
	/* For desktop: */
.arrowR, .arrowL {font-size:50px !important;}
#slideshow {min-height:400px;}
#list{margin:auto; width:90%;}
#servicehead{font-size:30px; text-align:center;}
}