body{
    background-color: #74A3B7;
    max-width: 100%;
    overflow-x: hidden;
    line-height: 1.3;
    font-family: Arial, Helvetica, sans-serif;
    background: url("Assets/TransfigPoster25_BLUR.png") 100% 100%;
    background-position: center center;

}
#container{
    width:100%;
    position: absolute;
    z-index: 2;
    text-align: center;
}


#header{
    text-align: center;
    color: #1B1638;
}

#Main{
 text-align: center;
}

#TransfigBlock{
    margin: 20px;
    padding: 10px;
}
.EventDetailsRow{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.EventDetails{
margin: 40px 10px 40px 10px;
padding: 20px;
width: 30%;
border-radius: 2px;
background-color:#1B1638;
color:#DEE4DC;
}
.EventDetails li{
    
    text-align: left;
}

.VenueDetails{
    line-height: 1.2;
    margin: 40px 10px 40px 10px;
    padding: 30px;
    border-radius: 2px;
    background-color: #1B1638;
    color:#74A3B7;
    }

#ALAInfo{

}

.headerImg{
 max-width: 40%;
 background-color: #DEE4DC;
 padding: 10px;
 border-radius: 2px;
 border: dotted 1px #0B5563;
}

#poster{
    max-width: 60%;
}
#Footer{
    background-color: #0B5563;
    overflow-x: hidden;
    text-align: right;
    padding: 20px;
    line-height: .75;
}

#biglink{
    background-color: #1B1638;
    padding: 10px;
    border-radius: 2px;;
}

#biglink a{
    color:#DEE4DC;
}
a{
    color:#535788;
}

#Footer a{
    color:#DEE4DC;
}

h1{
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

h2{
    font-family: Arial, Helvetica, sans-serif;
}
h4{
    line-height: .05;
}

#block{
    background-color:#DEE4DC;
    margin: 12px;
    padding: 10px;
    opacity: .7;
}