body{
	background-color: gold; /* For browsers that do not support gradients */
	background-image: linear-gradient(yellow,Gray);
}
.mySlides {display:none;}
.w3-left, .w3-right, .w3-badge {cursor:pointer}
.w3-badge {height:13px;width:13px;padding:0;transition: background-color 0.6s ease;}
.w3-tangerine {
	font-family: "Tangerine", cursive; font-weight:bold; font-size:8vw;
/*Viewport is the browser window size. 1vw = 1% of viewport width. If the viewport is 50cm wide, 1vw is 0.5cm.*/
}
/*center image*/
img {
	width: 100%;
	height: auto;
}
.fade {
	animation-name: fade;
	animation-duration: 1.5s;
}
@keyframes fade {
	from {opacity: .4} 
	to {opacity: 1}
}
/* On smaller screens, decrease text size 
Extra small devices (phones, 600px and down)
@media screen and (max-width: 1020px) {  Large Desktop  }
@media screen and (max-width: 780px) {  tablet  }
@media screen and (max-width: 480px) { mobile  }
*/
@media only screen and (max-width: 480px) {
	.text {font-size:.68em} /* 11px/16=.68em */
}	
@media only screen and (max-width: 780px) {
	.text {font-size:1.25em}
}