
<style>

/* coach_style.css */

#startblog {
    display: inline-block;
    float:right;
    line-height: 1.5em;

    width: 75%;
    z-index: -2;
    position: unset;
    clear: both;
    color: #555;
    height: auto;
    background-color: #dcdbdb;

    border-left: 1px solid #393AAB;
    -webkit-box-shadow:inset 46px 67px 20px -53px rgba(0,0,0,0.75);
    -moz-box-shadow:   inset 46px 67px 20px -53px rgba(0,0,0,0.75);
    box-shadow:        inset 46px 67px 20px -53px rgba(0,0,0,0.75);
}

#scrolling { z-index: -1;}
.home_header_style {z-index: 1;}

#sidebar_image {
    height: 300px;
    margin: 100px 20px 18px 40px;
}

#sidebar {
    z-index: 1;
}

.logo_sidebar {
    background-image: url( '../images/pic du midi.jpg');
    width: 25%;
    height: 100vh;
    float: left;
    position: fixed;
}

@media screen and (max-width: 1100px) {
    #sidebar_image {height: 250px;}
    #my_tagline {font-size: 20px;}
    #subtitle_indent {margin-left: 0px}
    #ellipsis {display:none}
}

@media screen and (max-width: 880px) {
    .logo_sidebar {
        width: 100%;
        padding-top: 0px;
        position: unset;
        background-position-y: -50px;
        height: 300px;
    }
    #startblog {
        width: 100%;
        margin-top: 0px;
    }
    #startblog img {height: auto}
    #sidebar_image { margin-top: 30px;}
    #my_tagline {top: -175px; font-size: 26px}
    #subtitle_indent {display: inline-block; font-size: 26px}
}

@media screen and (max-width: 700px) {
    #startblog {
        width: 100%;
        margin-top: 0px;
    }
    #startblog img {height: auto}

}

@media screen and (max-width: 640px) {
    #startblog {
        width: 100%;
        margin-top: 0px;
    }
    #startblog img {height: auto}
    #sidebar_image { margin-top: 30px; height: 200px}
    #my_tagline {top: -145px; font-size: 14px}
    #subtitle_indent {display: inline-block; font-size: 14px}

    .page_section p {font-size: .9em}
}

@media screen and (max-width: 400px) {

}

</style>

