/*----------------------------------------*/
/*  INFO
/*----------------------------------------*/

/*  Media Queries:          320px, 480px, 768px, 1024px, 1200px

/*--------------------------------------------------------------------------------*/
/*  UI
/*--------------------------------------------------------------------------------*/

.ui-info {
    margin-top: -100px;
}

.ui-image {
    width: 100%;
}
.ui-image img {
    max-width: 100%;
}

/*--------------------------------------------------------------------------------*/
/*  UI: DESKTOP
/*--------------------------------------------------------------------------------*/

@media (max-width: 768px) {
    #ui-desktop {
        display: none;
    }
}

/*--------------------------------------------------------------------------------*/
/*  UI: MOBILE
/*--------------------------------------------------------------------------------*/

#ui-mobile {
    display: none;
}

@media (max-width: 768px) {
    #ui-mobile {
        display: block;
    }
}