.movie-list {
    text-align: center;
}
.container {
    margin: 20px;
    width: auto;
}
.header-green {
    color: limegreen;
    font-family: auto;
    font-size: xxx-large;
    text-align: center;
}
.cover,
.thumbnail>a>img {
    height: 200px;
}
.thumbnail-text {
    font-size: 1.5rem;
}
.bar + .title ~ div:last-child,
.bar + .title ~ div:last-child b {
    font-size: 1.5rem;
}
.header-buttons >:first-child {
    display: none;
}
.phone-home {
    background: url("gif/home.svg");
    background-size: cover;
    font-size: 0;
    position: fixed;
    top: 130px;
    right: 50px;
    width: 50px;
    height: 50px;
}
.srch +*+*,
#movies-09 + div + .movie-list ~ *,
.footer {
    display: none;
}
#srch ~ a {
    margin: 0;
    padding: 6px;
    align-self: center;
    display: inline-block;
}
#srch ~ a ~ a { margin-left: 6px;}
.title * { white-space: nowrap; }
.float-right {float: none;}
.title>:first-child{margin-right: auto;}
.title > * {display: flex!important;flex: 0;margin-bottom: .2em;}
.title {display: flex;flex-flow: row wrap;align-items: center;}
#srch {margin: 0 2em 0 0;min-width: 25vw;}
.srch ~ .movie-list { float: left; text-align: left; -webkit-padding-start: 0; padding-start: 0; }
#movies-09 + div + .movie-list { float: none; }
#movies-09 + div + .movie-list:before {content: '';display: block;clear: both;}

.spacer-top8 {
    margin-top: 8px;
}
.spacer-right20 {
    margin-right: 40px;
}

.srch + * + * + *,
.srch + * + * + * + *,
.srch + * + * + * + * + *,
.srch ~ img,
.srch ~ .header-orange,
.srch[class] ~ * .thumbnail {
    display: none;
}
.show {
    display: inline-block!important;
}
#srch {
    border-radius: 5px;
    height: 34px;
    padding-left: 8px;
}

@media (pointer: coarse) {
    .title {font-size: 1.5rem;}
    a img.home { top: 60px; right: 30px; width: 35px; height: 35px; }
    .thumbnail-text { font-size: 1rem; }
    .header-orange { font-size: 1rem; }
    li.thumbnail>a>img { height: 8rem; }
    ul.movie-list > li.thumbnail {max-width: 6rem;width: 6rem;}
    .spacer-top8>a[href] { font-size: 1rem; }
    .title { margin-bottom: 1rem; }
    .title {display: flex;flex-flow: row wrap;align-items: center;}
    .float-right {float: none;}
    .title + div > * { display: block; }
}