/*-----CSS for TDAXI Temp Splash Page------*/

body {
background-color: #D1D9C2;

}

#wrapper {
padding-bottom: 30px;
}

#enter-site {
margin: 20px auto;
width: 116px;
height: 116px;
background-color: #E90E8C;
font-family: Impact, Charcoal, Arial, sans-serif;
padding: 48px 10px 0;
text-align: center;
border-radius: 50%;
margin-top: 25px;
text-transform: uppercase;
letter-spacing: 1px;
}

#enter-site a {
text-decoration: none;
color: #D1D9C2;
}

#enter-site:hover {
background-color: #5A4942;
}

#splashgraph {
width: 600px;
height: 600px;
/*position: absolute;
top: 10%;*/
margin: 25px auto 0;
background-image: url(../graphics/alo_tdax_square.jpg);
background-size: contain;
background-repeat: no-repeat;
border-bottom: 4px solid #E90E8C;
}

@media only screen and (max-width: 600px) {
#splashgraph {
width: 450px;
height: 480px;
}

@media only screen and (max-width: 480px) {
#splashgraph {
width: 300px;
height: 333px;
}
}