/*LTS DIGITAL*/

/*Stephen Baker 2016*/

 .contact
 {
	position: fixed;
	top: 31%;
	right: 4%;
	height: auto;
	min-width: 100px;
	max-width: 380px;
	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: 30%;
	left: 5%;
	position: fixed;
	height: auto;
	min-width: 100px;
	max-width: 450px;
	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: 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);

	
}