.purple {
    color:#161E69;
    font-weight:bold;
    display:inline-block;
}
#main {
    margin:auto;
    width:100%;
    text-align:center;
}
#main a {
    text-decoration:none !important;
}
#main a:hover {
    background-color:transparent !important;
    text-decoration:none !important;
}
.logo {
    padding:20px;
}
#center {
    padding:10px;
    padding-top:20px;
    position:relative;
    align-content:center;
}
#center .current {
    width: calc(50% - 40px);
    float: left;
    text-align: right;
    padding: 0 20px 20px 20px;
}
#center .info {
    width: calc(50% - 40px);
    float: left;
    text-align: left;
    padding: 0 20px 20px 20px;
}

#center .info div {
    max-width: 325px;
    text-align: center;
}

@media (max-width: 900px) {
    #center .current {
        width: 100%;
        float: none;
        text-align: center;
        padding: 0;
    }
    #center .info {
        width: 100%;
        float: none;
        text-align: center;
        padding: 0;
    }
    
    #center .info div {
        margin: 0 auto;
    }
}

.button {
    color:#161E69;
    width:150px;
    height:50px;
    border:4px solid #161E69;
    border-radius:10px;
    text-align:center;
    cursor:pointer;
    font-weight:bold;
    padding:5px;
    position:relative;
    display:inline-block;
    transition: all 0.4s ease-in-out;
}
.button:hover {
    color:white;
    background-color:#161E69;
    transition: all 0.4s ease-in-out;
}
.button p {
    padding-top:13px;
    font-size:20px;
}
.border {
    border-bottom:7px solid #161E69;
    border-radius:100px;
    margin:15px auto;
    width:80%;
    position:relative;
    clear: both;
}
#past-wrap {
    width:80%;
    margin:0 auto;
    position:relative;
}
.past {
    height:200px;
    width:150px;
    border-radius: 10px;
    display:inline-block;
    transition: all 0.4s ease-in-out;
    margin:15px 15px 15px 15px;
    position:relative;
}
.past:hover {
    box-shadow: 2px 2px 4px 2px #161E69;
    transition: all 0.4s ease-in-out;
    cursor:pointer;
}