body {
font-family: 'Tilt Neon', cursive;
        background-image:url('images/connect2.png');
background-size: cover;

	/*background-image:url('back.jpg');*/
    background-color:rgb(191,202,214);
	font-size:10pt; 
}


#container {
	color:black;  padding:2%; width:70%; margin:0px auto;
	background: rgb(187, 38, 73); /* Fall-back for browsers that don't support rgba */
    /*background: rgba(187, 38, 73, .9);*/
    /*margin-top:100px;*/
    background-image:url('images/connect2.png');
        
    position: absolute;
    top: 40%;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(-40%);
    -webkit-transform: translateX(-50%) translateY(-40%);
    transform: translateX(-50%) translateY(-40%);
	}
	
h1 {text-align:center;text-transform:uppercase; font-size:100pt; color: white}
h2 {text-align:center;text-transform:uppercase;font-size:14pt; color:#000000}
h3 {font-size:12pt; color:#000000; font-weight:bold}
h4 {font-size:12pt; color:#000000; font-weight:normal}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-top: 0;
    margin-bottom: 0;
}

p {font-size:12pt;text-align:left }
.lower-text {text-align: center; color:white; font-size:10pt;}
.footer {text-align:center; font-size:7pt; color:gray;}

#left {width:48%;float:left;border-right: 2px solid black;padding-left:1%; padding-right:1% }
#right {width:48%;float:left;padding-left:1%;}

#countdown {text-align:center; padding-bottom:10px;font-size:16pt;}

a:link {
    text-decoration:none;
    color:gray;
    }
    
a:visited {color:gray;text-decoration:none; }

#bottom { 
    bottom: 2%;
    position: absolute;
    text-align:center; 
    font-size:7pt;
    width:100%;
    margin:0px auto;
    

    
    }
    
    
   

/* Smartphones and ipads (portrait and landscape) ----------- */
@media only screen  
and (max-device-width : 990px) 
	{
	#container {
    width:80%;padding:4%; 
    
    }
	p {font-size:10pt;}
    .lower-text {text-align: center; color:white; font-size:8pt;}
    .footer {text-align:center; font-size:5pt; color:gray;}

    h1 {text-align:center;text-transform:uppercase; font-size:26pt}
    h2 {text-align:center;text-transform:uppercase;font-size:14pt; color:#000000}

    h3 {font-size:12pt; color:#000000; font-weight:bold;line-height: 1}
    h4 {font-size:10.5pt; color:#000000; font-weight:normal;line-height: 1}
	#left {width:98%;padding-left:1%; padding-right:1%; border-right:none;border-bottom:2px solid black }
	#right {width:98%;padding-left:1%; padding-right:1% }
    
    #bottom {font-size:5pt) }
	}
		
        
@media only screen  
and (max-device-width : 800px) 
	{
    p {font-size:8pt;}
    .lower-text {text-align: center; color:white; font-size:6.5pt;}
    .footer {text-align:center; font-size:5pt; color:gray;}
    }