@media screen and (min-width: 1920px) {
    #clock {
        font-size: 200px !important;
    }

    .box-element-top {
        height: 265px;
    }

    #main-text {
        transform: translateY(120%);
        font-size: 130px;
    }

    .img-thumbnail {
        width: 450px !important;
        height: 490px !important;
    }

    .row-name {
        margin: 0px 20px 0px 20px !important;
    }

    .row-name h1 {
        margin-top: 20px;
        font-size: 60px !important;
    }

    .row-data {
        margin: 10px 0px 0px 2px !important;
    }
    
    .row-data h1 {
        font-size: 60px !important;
    }

    .row-data h2 {
        font-size: 40px !important;
    }

    .row-data .row-data-padding20  {
        padding: 0px 20px 0px 20px;
    }

    .row-name {
        width: 100%;
        padding: 10px 10px 8px 10px;
        margin: 20px;
        border-bottom: 5px solid lightgray;
    }

    .label-late {
        font-size: 65px;
    }

    .label-action {
        font-size: 65px;
    }
}

@media all and (max-width: 767px) {
   
}

@media only screen and (max-width: 767px) and (orientation: landscape) {

}