/***
* su-pa.net // pinkytoes.com goes4 su-pa.net!
* df greetz you, 09.2016
***/
.overAll{}
.top{
    width: 45%;
    display: inline-block;
}
.imgLogo{
    width: 50%;
    max-width: 550px;
    display: inline-block;
    position: absolute;
    padding-left: 2.2rem;

}
.website { width: 250px; }
hr{
    display: inline-block;
    position: absolute;
    margin-top: 189px;
    z-index:2;
    border:0;
    border-top: 1px dotted #bbb;
    width:100%;
}
.btnShutter:focus{ outline: none; }

/*select-option box*/
#selSearch { width: calc(60% + 1.6rem); max-width: calc(500px + 1.2rem); /*select-box*/ }

/* the selected website (one box)*/
.selWebsiteBox { position: absolute; left: 564px; top: 550px; z-index:4; width: 250px; margin:0; }
.selWebsiteBox>.website { width: 100%; margin: 0; padding:0; }

@media screen and (max-width: 840px) {
    .website { width: 30%; }
    .selWebsiteBox {
        left: calc(64% + 1.3rem);
    }
    .selWebsiteBox>.website { width: 94% }
}