html {
    height: 100%;
}

body {
    height: 100%;
    color: #532fa5;
    font-family: goodlife-serif, sans-serif;
    font-weight: 400;
    font-style: normal;
}

.back {
    background-color: #d5c3ee;
    height: 90%;
}

.welcome {
    font-size: 1.8rem;
}

.midsec {
    height: 100%;
}

.midsec > div:nth-child(1) {
    letter-spacing: 2px;
    font-size: 2rem;
}

.lastimg {
    height: 100%;
    background-image: url(../img/place.png);
    background-size: cover;
    background-position: center;
}

#textover {
    background-color: #e3e3e3e6;
    letter-spacing: 1px;
    height: 500px;
    font-size: 1.3rem;
}

#textover p {
    text-align: left;
}

#textover a {
    background-color: #532fa5;
}

.events {
    padding-top: 50px;
    padding-bottom: 40px;
}

/*#cardimg {
    width: 300px;
    height: 300px;
}

.card-content {
    background-color: #532fa5;
}*/

.page-footer {
    background-color: #532fa5;
    font-family: helvetica;
}

#clicks1#text {
    padding: 100px;
}

#clicks1, #clicks2, #clicks3 {
    color: red;
}

@media only screen and (max-width: 500px) {
    .midsec > div:nth-child(1) {
        letter-spacing: 2px;
        font-size: 1.2rem;
    }
    #textover {
        height: 600px;
    }
}

@media only screen and (min-width: 600px) and (max-width: 650px) {
    #textover {
        height: 600px;
    }
}

@media only screen and (min-width: 600px) and (max-width: 850px) {

    #textover {
        height: 600px;
    }
}