.ban {
    margin:0 auto 0 auto;
    padding:0 0 10px 0;
    text-align:center;
}
.banpic {
    position:relative;
}
.banpicin {
    text-align:center;
}
.banpicdes {
    position:absolute;
    top:20px;
    background-color:rgba(255, 255, 255, 0.8);
    border-radius:10px;
    font-weight:bold;
    color:black;
    text-align:left;
}

@media (min-width:901px) {
    .ban {
        width:900px;
    }
    .banpicdes {
        left:calc(50% - 370px);
        padding:20px;
    }
    .banpicdesin1 {
        padding:0 0 10px 0;
        font-size:30px;
    }
    .banpicdesin2 {
        font-size:24px;
    }
}

@media (max-width:900px) {
    .ban {
        width:initial;
    }
    .banpicin img {
        width:100%;
    }
    .banpicdes {
        left:10px;
        padding:10px;
    }
    .banpicdesin1 {
        padding:0 0 5px 0;
        font-size:18px;
    }
    .banpicdesin2 {
        font-size:14px;
    }
}