main {
    box-shadow: 0 0 5rem rgba(0, 0, 0, .5);
    text-align: left;
}

#main-header {
    /*background-image: url("img/computer_desk_drawn_bgslice_flipped.png");
    background-size: auto 400px;
    background-position: bottom right;*/
    background-color: whitesmoke;
    /*border-bottom: 1px solid #ccc;*/
}

#logo {
    max-height:70px;
    fill:rgba(248, 165, 110, 0.7);
}

#main-image {
    min-height: 400px;
    background-color: whitesmoke;
    /*
    background-image: url("img/computer_desk_drawn.png"), url("img/computer_desk_drawn_bgslice.png");
    background-size: contain;
    background-repeat: no-repeat, repeat-x;
    background-position: top right;
    */
    background-image: url("../img/frontpage_image1_transp.png");
    background-size: contain;
    background-repeat: no-repeat, repeat-x;
    background-position: top right;
    padding-bottom: 5px;
}

#main-text {
    color: #ccc;
    background-color: #f6a56b;
    background: linear-gradient(10deg, #f8a56e, #87543b, #9b5946) fixed;
}

#contact {
    width: 100%;
    text-align: right;
    float: right;
}

#contact a{
    color: #333333;
}

#main-footer {
    /*background-image: url("img/computer_desk_drawn_bgslice.png");
    background-size: auto 400px;
    background-position: top right;*/

    background-color: whitesmoke;
    /*border-top: 1px solid #ccc;*/
    min-height: 30px;
    color: #333333;
}

footer {
    text-align: right;
}

footer a {
    color: #ccc;
}

.highlight {
    border: 1px solid red;
}

@media all and (max-width: 1199px) {
    #writeup {
        background-color: rgba(245, 245, 245, 0.70);
        color: black;
    }

    #logo {
        max-height:40px;
    }
}