header { background-position: left -4vw top -4vh,bottom -6vh left 10vw,right top -6vh;
        background-size: 17%,15%,19%;
}

header h1 { width: 55%; }

div#container section#col_01 {
    background-size: 65%;
    background-position: right -10vw bottom -4vh;
}

div#container section#col_02 {
    background-position: right 30% bottom 1%,right -40% bottom 3%,left bottom -7%;
    background-size: 16%,60%,6%;
}

div#container section#col_02 p.pict {
    min-width: 30%;
    max-width: 38%;
    text-align: center;
}


div#container section#col_02 p img { width:65%;}
div#container section#col_03 div.box { height: 600px; }

div#container section#col_03 div.timeline div.box p {
    padding:2.5vh 4vw 2.5vh 9vh;
    border-radius: 4em;
}
div#container section#col_03 div.timeline div.box p:before {
    background-size: 40%;
    left: 48%;
}

div#container section#col_03 div.timeline div.box p span {top:35%;}
div#container section#col_03 p img { width:45%; }

/* NOTE */
div#container section#note a { width: 30%; border-radius: 3em;}
div#container section#note img { width: 90%;}

div#container section#contact button { width: 60%; }

div#container.seminar section#col_01 div#list div.box {
    float: none;
    display: block;
    width: 100%;
    margin: 2em 0% 2em;
}
div#container.seminar section#col_01 div#list div.box h4 { font-size: 1.3em; }

div#container.profile section#col_01,div#container.contact section#col_01 { background-size: 35%; }