hr{
    border-top: solid 3px white;
    margin-bottom: 0px;
}
#mainPage > div{
    float: none;
}

.container{
    padding:20px;
}
#side-panel{
    background:#24a5cd;
    border:1px solid;
    left:20px;
}
#side-panel img{
    padding:40px;
}

h1.header{
    font-family: "Arial Black";
    font-weight: bolder;
    font-size:75px;
    color:#c00000;
}
h2.subheader{
    font-family: "Arial Black";
    font-weight: bold;
    font-size:40px;
    margin-top: 10px;
    color:#333333;
}

h4.beginners{
    font-family: "Georgia";
    font-size:24px;
    font-weight: bold;
}

.message{
    padding-top: 10px;
    font-family: "Georgia";
}

.message p{
    font-size:22px;
}

#womens-gym-logo{
    padding-left:140px;
}

@media (max-width:768px) {
    #banner{
        padding:0px;
    }
    #side-panel{
        left: 0px;
        margin-top:20px;
        padding: 10px;
    }
    #side-panel img{
        padding:10px;
    }
    h1.header{
        font-size:14vw;
    }
    h2.subheader{
        font-size:5.5vw;
    }

    h4.beginners{
        font-size:6vw;
    }

    .message p{
        font-size:5vw;
    }

    #womens-gym-logo{
        padding-left:30px;
    }

}