* {box-sizing:border-box}
body {font-family: Verdana,sans-serif;margin:0;color: #003363;}

 a:link {
   color: #006699;
}

a:visited {
    color: #0099CC;
}

a:hover {
    color: #FFFFFF;text-shadow: 1px 1px gray;text-transform: uppercase;
}

a:active {
    color: red ;
}
H1 {display: inline;}
H2 {display: inline;}

			#cf2 {
			left: 0;
			position: relative;
			height: 47vw;
			width: auto;
			margin: 0 auto;
		}

		#cf2 img {
			position: absolute;
			height:auto;
			width: 100%;
				bottom:0;
			left: 0;
			opacity: 0;
			-webkit-transition: opacity 1s ease-in-out;
			-moz-transition: opacity 1s ease-in-out;
			-o-transition: opacity 1s ease-in-out;
			transition: opacity 1s ease-in-out;
		}

		#cf2 img.visible {
			opacity: 1;
		}

		#bf3 {
			left: 0;
			position: relative;
			height: 30vw;
			width: auto;
			margin: 0 auto;
		}

		#bf3 img {
			position: absolute;
			height:auto;
			width: 100%;
			left: 0;
		bottom:-8%;
			opacity: 0;
			-webkit-transition: opacity 1s ease-in-out;
			-moz-transition: opacity 1s ease-in-out;
			-o-transition: opacity 1s ease-in-out;
			transition: opacity 1s ease-in-out;
		}
		
		#bf3 img.visible {
			opacity: 1;
		}
	
		#tx4 {
			left: 0;
			position: relative;
			height: 12vw;
			width: 95vw;
			margin: 0 auto;
			
		}

		#tx4 span {
			
	
            text-shadow: 2px 2px gray;
			color:white;
			position: absolute;
			bottom:-220%;
			height:5%;
			width: 80%;
			left: 10%;
			opacity: 0;
			-webkit-transition: opacity 1s ease-in-out;
			-moz-transition: opacity 1s ease-in-out;
			-o-transition: opacity 1s ease-in-out;
			transition: opacity 1s ease-in-out;
		}

		#tx4 span.visible {
			opacity: 1;
		}