/*
.banner {
    height: 300px;
}
*/

.name {
/*    top: 7em;*/
/*        display: block;*/
}

@media screen and (min-width: 768px) and (max-width: 930px) {
/*
    .banner1 {
        height: 300px;
        position: relative;
        overflow: hidden;
    }
    .name {
*/
    top: 2em;
}
}

@media screen and (min-width: 480px) and (max-width: 768px) {
/*
    .banner1 {
        height: 300px;
        position: relative;
        overflow: hidden;
    }
*/
}

@media screen and (max-width: 480px) {
/*
    .banner1 {
        height: 320px;
        position: relative;
        overflow: hidden;
    }
*/
}