body, html {
    height: 100%;
    margin: 0%;
}

.bg {
    position : absolute;
    background-image: url(imgs/background);
    height: 94%;
    width:70%;
    margin-left : 30%;
    margin-top : 0%;
    background-repeat: no-repeat;
    image-rendering: high-quality;
    background-size: cover;
    z-index: 1;
}

.title {
    position : relative;
    color : #793f77;
    font-size: 3.5vh;
    margin-left: 9vw;
    margin-top:12vh;
}

@media (max-width: 500px) {
    .greenfield {
        position : absolute;
        left : 10%;
        background-color: rgb(194, 242, 176);
        height: 94%;
        width: 80%;
        z-index: 2;
        overflow-y: scroll;
    }
}

@media (min-width: 501px) and (max-width: 900px) {
    .greenfield {
        position : absolute;
        margin-left: 7%;
        background-color: rgb(194, 242, 176);
        height: 94%;
        width: 42%;
        z-index: 2;
        overflow-y: scroll;
    }
}

@media (min-width: 1025px) and (max-height: 880px) {
    .greenfield {
        position : absolute;
        margin-left: 7%;
        background-color: rgb(194, 242, 176);
        height: 94%;
        width: 28%;
        z-index: 2;
        overflow-y: scroll;
    }
}

@media (min-width: 1025px) and (min-height: 881px) {
    .greenfield {
        position : absolute;
        margin-left: 7%;
        background-color: rgb(194, 242, 176);
        height: 94%;
        width: 28%;
        z-index: 2;
        overflow-y : scroll;
    }
}


.bottombar {
    position : absolute;
    bottom:0px;
    background-color: rgb(227, 242, 176);

    z-index: 3;
    height: 7%;
    width: 100%;
}

.leftband {
    position : absolute;
    background-image: url(imgs/leftband);
    height: 100%;
    width:10%;
    left: 0%;
    background-repeat: no-repeat;
    image-rendering: high-quality;
    background-size: cover;
    z-index: 1;
}

.titles {

    text-align: center;
    color : #793f77;
    font-family: cursive;
}

h2 {

        text-align: center;
        color : #793f77;
        font-family: cursive;
}

h3 {

    text-align: center;
    color : #793f77;
    font-family: cursive;
}

p {

    text-align: center;
    color : #793f77;
    font-family: cursive;
}

a { color : #793f77;}