<style> 
#panel, #flip {
    padding: 5px;
    text-align: center;
    background-color: #e5eecc;
    border: solid 1px #c3c3c3;
}

#panel {
    padding: 50px;
    display: none;
}


body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}

.w3-jumbo{
	
	 text-shadow: 2px 2px 8px rgba(0,0,0,1.00);
	 
	}
.w3-row{
	
	 text-shadow: 2px 2px 8px rgba(0,0,0,1.00);
	 }
 

body, html {
    height: 100%;
    line-height: 1.8;h0HdFaVLzd
}

/* Full height image header */
.bgimg-1 {
    background-position: 40% 30%; 
	
    background-size: 100%;
    
    min-height:100%;
}

.mySlides {display:none;}
.w3-dark-grey{

background-image:url(file:///C|/Users/Dante/Desktop/TTQ/PWEB/img/alum.jpg);
}

.w3-light-grey{
	background-image:url(file:///C|/Users/Dante/Desktop/TTQ/PWEB/img/alshadow.jpg);
	 text-shadow: 2px 2px 8px rgba(0,0,0,1.00);
	}	

.w3-bar .w3-button {
    padding: 16px;
}

.w3-third{
	
	transition: box-shadow 0.5s;
	}
.w3-third:hover {	
	box-shadow: 10px 0px 70px rgba(0,0,0,1.00);
}

#slideshow {
  margin: 50px auto;
  position: relative;
  width: 750px;
  height: 400px;
  padding: 10px;
 
}

#slideshow > div {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
}
.collapsible-body{
	color:rgba(255,255,255,1.00);
	
	}
	
	
.amber-text{
	
	text-shadow: 2px 2px 8px rgba(0,0,0,1.00);
	}	

</style>