* {box-sizing:border-box}
body {font-family: Times new roman;margin:0;color: #003363;}

 a:link {
	color: #2550A2 ;
}

a:visited {
    color: #255CC6;
}

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

a:active {
    color: red ;
}

H1{ display: inline; }
H2{ display: inline; }

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

		#cf2 img {
			position: absolute;
			height:auto;
			width: 100%;
			left: 0;
			bottom: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: 12vw;
			width: auto;
			margin: 0 auto;
		}

		#bf3 img {
			position: absolute;
			height:auto;
			width: 100%;
			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;
		}

		#bf3 img.visible {
			opacity: 1;
		}
		

		img {
  max-width: 100%; 
  height: auto;
  
  }
  
  		#tx4 {
			left: 0;
			position: relative;
			height: 12vw;
			width: 65vw;
			margin: 0 auto;
			
		}

		#tx4 span {
			
	
            text-shadow: 2px 2px gray;
			color:white;
			position: absolute;
			bottom:-30%;
			height:5%;
			width: 40%;
			left: 28%;
			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;
		}
		
		.alerts-border {
    border: 4px ridge;
    
    
    animation: blink ease-in-out 3s;
    animation-iteration-count: infinite;
    
    
}

@keyframes blink {
    0% { border-color: red; }
    50% { border-color: blue; }
    100% { border-color: red; }
}