@media only screen and (max-device-width: 1395px) {
			
.consumer
 {
	position: relative;
	margin-top:100px;
	margin-left: 45%;
	height: auto;
	width: 650px;
	z-index:2;

 }
 .map
{	
	margin-left:24px;
	margin-top: 50px;
	padding: 10px;
	color: white;
	font-size: 20px;
	font-family: 'Abel', sans-serif;
	text-align: center;
	background-color: black;
	opacity: 0.9;
	-webkit-box-shadow: 0px 2px 64px 0px rgba(45,135,214,1);
	-moz-box-shadow: 0px 2px 64px 0px rgba(45,135,214,1);
	box-shadow: 0px 2px 64px 0px rgba(45,135,214,1);
	border-radius: 5px;
	height: auto;
	width: auto;

  
}
 .address
{

	margin-top: 200px;
	margin-left: 10%;
	padding: 10px;
	color: white;
	left: 70%;
	font-size: 20px;
	font-family: 'Abel', sans-serif;
	text-align: center;
	background-color: black;
	opacity: 0.9;
	-webkit-box-shadow: 0px 2px 64px 0px rgba(45,135,214,1);
	-moz-box-shadow: 0px 2px 64px 0px rgba(45,135,214,1);
	box-shadow: 0px 2px 64px 0px rgba(45,135,214,1);
	-webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
    animation-duration: 1s;
	-webkit-animation-delay: 1.6s; /* Chrome, Safari, Opera */
    animation-delay: 1.6s;
	border-radius: 5px;
	height: auto;
	width: auto;

}
.facebook
 {
	position: fixed;
	margin-top: 5%;
	margin-right: 60%;
	height: auto;
	width: auto;
	padding: 15px;	
	color: white;
	font-size: 20px;
	font-family: 'Abel', sans-serif;
	text-align: center;
	float: Right;
	background-color: black;
	opacity: 0.9;
	-webkit-box-shadow: 0px 2px 64px 0px rgba(45,135,214,1);
	-moz-box-shadow: 0px 2px 64px 0px rgba(45,135,214,1);
	box-shadow: 0px 2px 64px 0px rgba(45,135,214,1);
	-webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
   	 animation-duration: 1s;
	-webkit-animation-delay: 2s; /* Chrome, Safari, Opera */
   	 animation-delay: 2s;
	border-radius: 5px;

 }
 .map
{	
	margin-left:60px;
	margin-top: 70px;
	padding: 10px;
	color: white;
	font-size: 20px;
	font-family: 'Abel', sans-serif;
	text-align: center;
	background-color: black;
	opacity: 0.9;
	-webkit-box-shadow: 0px 2px 64px 0px rgba(45,135,214,1);
	-moz-box-shadow: 0px 2px 64px 0px rgba(45,135,214,1);
	box-shadow: 0px 2px 64px 0px rgba(45,135,214,1);
	border-radius: 5px;
	height: auto;
	width: auto;

  
}

			}
	@media only screen and (max-device-width: 970px) {
h1 {
    color: #fff;
    float: left;
    position: fixed;
    margin: 15px 0 5px 70px;
    font-family: 'Audiowide', cursive;
    font-size: 19px;
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}
h5
{
	color: #fff;
    float: left;
    position: fixed;
    margin: 15px 0 5px 70px;
    font-family: 'Audiowide', cursive;
    font-size: 19px;
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}
.consumer
 {
	position: relative;
	margin-top:100px;
	margin-left: 300px;
	height: auto;
	width: 650px;
	z-index:2;

 }
		 
.contact
 {
	position: fixed;
	top: 36%;
	left: 6%;
	height: auto;
	min-width: 100px;
	max-width: 300px;
	padding: 15px;	
	color: white;
	font-size: 15px;
	font-family: 'Abel', sans-serif;
	text-align: center;
	float: Right;
	background-color: #08c;
	opacity: 0.8;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
    animation-duration: 1s;
	-webkit-animation-delay: 1s; /* Chrome, Safari, Opera */
    animation-delay: 1s;
	border-radius: 2px;
	box-shadow: 0px 0px 0px 8px rgba(0,0,0,0.3); 
	
	
	
 }
.w3-card{border:1px solid #ccc}
.w3-card-2,.w3-example{box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important}
.w3-card-4,.w3-hover-shadow:hover{box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)!important}
.w3-card-8{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)!important}
.w3-card-12{box-shadow:0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19)!important}
.w3-card-16{box-shadow:0 16px 24px 0 rgba(0,0,0,0.22),0 25px 55px 0 rgba(0,0,0,0.21)!important}
.w3-card-24{box-shadow:0 24px 24px 0 rgba(0,0,0,0.2),0 40px 77px 0 rgba(0,0,0,0.22)!important}
.w3-image,.w3-tooltip,.w3-display-container{position:relative}

.missioncontainer
{

	top: 35%;
	left: 50%;
	position: fixed;
	height: auto;
	min-width: 100px;
	max-width: 400px;
	padding: 20px;	
	color: white;
	background-color: black;
	opacity: 0.9;
	border-width: 1px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
    animation-duration: 1s;
	-webkit-animation-delay: 1.5s; /* Chrome, Safari, Opera */
    animation-delay: 1.5s;
	border-radius: 2px;
	font-family: 'Abel', sans-serif;
	font-size: 15px;
	text-align: center; 
	text-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
			
		}
.gallery
{
	left:25%;
	margin-top: 70px;
	min-width: 200px;
	max-width: 680px;
	position:relative;
}
.facebook
 {
	position: fixed;
	margin-top: 5%;
	margin-right: 60%;
	height: auto;
	width: auto;
	padding: 15px;	
	color: white;
	font-size: 20px;
	font-family: 'Abel', sans-serif;
	text-align: center;
	float: Right;
	background-color: black;
	opacity: 0.9;
	-webkit-box-shadow: 0px 2px 64px 0px rgba(45,135,214,1);
	-moz-box-shadow: 0px 2px 64px 0px rgba(45,135,214,1);
	box-shadow: 0px 2px 64px 0px rgba(45,135,214,1);
	-webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
   	 animation-duration: 1s;
	-webkit-animation-delay: 2s; /* Chrome, Safari, Opera */
   	 animation-delay: 2s;
	border-radius: 5px;

 }
.address
{

	margin-top: 120px;
	margin-left: 10%;fmap
	padding: 10px;
	color: white;
	font-size: 40px;
	font-family: 'Abel', sans-serif;
	text-align: center;
	background-color: black;
	opacity: 0.9;
	-webkit-box-shadow: 0px 2px 64px 0px rgba(45,135,214,1);
	-moz-box-shadow: 0px 2px 64px 0px rgba(45,135,214,1);
	box-shadow: 0px 2px 64px 0px rgba(45,135,214,1);
	-webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
    animation-duration: 1s;
	-webkit-animation-delay: 1.6s; /* Chrome, Safari, Opera */
    animation-delay: 1.6s;
	border-radius: 5px;
	height: auto;
	width: auto;

}
.map
{
	margin-left:60px;
	margin-top: 70px;
	padding: 10px;
	color: white;
	font-size: 20px;
	font-family: 'Abel', sans-serif;
	text-align: center;
	background-color: black;
	opacity: 0.9;
	-webkit-box-shadow: 0px 2px 64px 0px rgba(45,135,214,1);
	-moz-box-shadow: 0px 2px 64px 0px rgba(45,135,214,1);
	box-shadow: 0px 2px 64px 0px rgba(45,135,214,1);
	border-radius: 5px;
	height: auto;
	width: auto;
	z-index: 100;
}
	}
@media only screen and (max-device-width: 496px) {
	/*LTS DIGITAL*/

/*Stephen Baker 2016*/

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 50px 16px;
    text-decoration: none;
}
 .contact
 {
	position: fixed;
	top: 18%;
	left: 29%;
	height: auto;
	min-width: 100px;
	max-width: 400px;
	padding: 15px;	
	color: white;
	font-size: 20px;
	font-family: 'Abel', sans-serif;
	text-align: center;
	float: Right;
	background-color: #08c;
	opacity: 0.8;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
    animation-duration: 1s;
	-webkit-animation-delay: 1s; /* Chrome, Safari, Opera */
    animation-delay: 1s;
	border-radius: 2px;
	box-shadow: 0px 0px 0px 8px rgba(0,0,0,0.3); 
	
	
	
 }
.w3-card{border:1px solid #ccc}
.w3-card-2,.w3-example{box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important}
.w3-card-4,.w3-hover-shadow:hover{box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)!important}
.w3-card-8{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)!important}
.w3-card-12{box-shadow:0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19)!important}
.w3-card-16{box-shadow:0 16px 24px 0 rgba(0,0,0,0.22),0 25px 55px 0 rgba(0,0,0,0.21)!important}
.w3-card-24{box-shadow:0 24px 24px 0 rgba(0,0,0,0.2),0 40px 77px 0 rgba(0,0,0,0.22)!important}
.w3-image,.w3-tooltip,.w3-display-container{position:relative}

.missioncontainer
{

	top: 60%;
	left: 23%;
	position: fixed;
	height: auto;
	min-width: 100px;
	max-width: 500px;
	padding: 30px;	
	color: white;
	background-color: black;
	opacity: 0.9;
	border-width: 1px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
    animation-duration: 1s;
	-webkit-animation-delay: 1.5s; /* Chrome, Safari, Opera */
    animation-delay: 1.5s;
	border-radius: 2px;
	font-family: 'Abel', sans-serif;
	font-size: 20px;
	text-align: center; 
	text-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

	
}
h1 {
    color: #fff;
    float: left;
    position: fixed;
    margin: 50px 0 5px 70px;
    font-family: 'Audiowide', cursive;
    font-size: 19px;
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}
h5
{
	color: #fff;
    float: left;
    position: fixed;
    margin: 50px 0 5px 70px;
    font-family: 'Audiowide', cursive;
    font-size: 19px;
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}
.logo 
{
	float: left;
	width: 10%;
	margin: 50px 0 5px 20px;
	position:fixed;
  
} 
.consumer
 {
	position: relative;
	margin-top:100px;
	left: 3%;
	height: auto;
	width: 800px;
	z-index:2;

 }
.address
{

	margin-top: 200px;
	margin-left: 10%;
	padding: 10px;
	color: white;
	font-size: 40px;
	font-family: 'Abel', sans-serif;
	text-align: center;
	background-color: black;
	opacity: 0.9;
	-webkit-box-shadow: 0px 2px 64px 0px rgba(45,135,214,1);
	-moz-box-shadow: 0px 2px 64px 0px rgba(45,135,214,1);
	box-shadow: 0px 2px 64px 0px rgba(45,135,214,1);
	-webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
    animation-duration: 1s;
	-webkit-animation-delay: 1.6s; /* Chrome, Safari, Opera */
    animation-delay: 1.6s;
	border-radius: 5px;
	height: auto;
	width: auto;

}
.gallery2
{
	right:5px;
	top: 22%;
	min-width: 200px;
	max-width: 600px;
	position:absolute;
	overflow-x: visible;


}
.map
{
	padding: 10px;
	color: white;
	font-size: 20px;
	font-family: 'Abel', sans-serif;
	text-align: center;
	background-color: black;
	opacity: 0.9;
	height: auto;
	width: auto;
	left:0;
	bottom: 0;
	z-index: 100;
}
.facebook
 {
	position: relative;
	margin-top: 5%;
	margin-right: 32%;
	height: auto;
	width: auto;
	padding: 15px;	
	color: white;
	font-size: 20px;
	font-family: 'Abel', sans-serif;
	text-align: center;
	float: Right;
	background-color: black;
	opacity: 0.9;
	-webkit-box-shadow: 0px 2px 64px 0px rgba(45,135,214,1);
	-moz-box-shadow: 0px 2px 64px 0px rgba(45,135,214,1);
	box-shadow: 0px 2px 64px 0px rgba(45,135,214,1);
	-webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
   	 animation-duration: 1s;
	-webkit-animation-delay: 2s; /* Chrome, Safari, Opera */
   	 animation-delay: 2s;
	border-radius: 5px;

 }
 .consumer
 {
	position: relative;
	margin-top:170px;
	margin-left: 22%;
	height: auto;
	
	

 }

.repair
 {

	margin-top:10px;
	padding: 40px;	
	color: white;
	font-size: 20px;
	font-family: 'Abel', sans-serif;
	text-align: center;
	background-color: black;
	opacity: 0.9;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
    animation-duration: 1s;
	-webkit-animation-delay: 0.6s; /* Chrome, Safari, Opera */
    animation-delay: 0.6s;
	border-radius: 5px;
	min-width: 300px;
	max-width: 600px;
  
 }
.gaming
{



	padding: 40px;
	color: white;
	font-size: 20px;
	font-family: 'Abel', sans-serif;
	text-align: center;
	background-color: black;
	opacity: 0.9;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
    animation-duration: 1s;
	-webkit-animation-delay: 1.6s; /* Chrome, Safari, Opera */
    animation-delay: 1.6s;
	border-radius: 5px;
	min-width: 300px;
	max-width: 600px;

}
.linux
{	

	padding: 10px;
	color: white;
	font-size: 20px;
	font-family: 'Abel', sans-serif;
	text-align: center;
	background-color: black;
	opacity: 0.9;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
    	animation-duration: 1s;
	-webkit-animation-delay: 2.5s; /* Chrome, Safari, Opera */
   	 animation-delay: 3.3s;
	border-radius: 5px;
	min-width: 300px;
	max-width: 600px;
	min-height: 500px;
  
}
.apple
{


	padding: 40px;
	color: white;
	font-size: 20px;
	font-family: 'Abel', sans-serif;
	text-align: center;
	background-color: black;
	opacity: 0.9;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
    animation-duration: 1s;
	-webkit-animation-delay: 2.9s; /* Chrome, Safari, Opera */
    animation-delay: 2.9s;
	border-radius: 5px;
	min-width: 300px;
	max-width: 600px;

}
.gallery
{
	left:25%;
	margin-top: 150px;
	min-width: 200px;
	max-width: 680px;
	position:relative;
}

 

	}