.alert {
    transition: opacity 1s; /* Define transition for opacity property */
    margin-bottom: 78px;
}

 /* For landscape, remove items with class .portrait */
@media (max-height: 500px) and (orientation:landscape) {
    .portrait {
        display: none;
    }
}

@media (max-height: 500px) and (orientation:portrait) {
    .portrait {
         display: block;
    }
}