@media screen and (min-width: 1025px) {
    .top_background {
        color:white;
        text-align: center;
        padding-bottom: 2em;
        margin-top: 50px;
    }
    
    .top_text {
        font-size:28px;
        padding-top:1em;
    
    }
    .top_text_left {
        font-size:20px;
    }
    
    .congestion_status_text{
        word-break: break-word;
        font-size:72px;
        padding:0.5em;
        padding-right: 0;
        padding-left: 0;
    }

    #crowded_time {
        word-break: break-word;
    }
    
    .status_area{
        display: inline-block;
        padding: 1em 0em 1em 0em;
    
    }
    
    .status_area2{
        vertical-align: middle;
    }
    
    .human_icon{
        display:inline-block;
        height:72px;
        width:auto;
        padding-left: 0;
    }
    
    .white-round {
        border: 5px solid white;
        color: black;
        background-color: white;
        border-radius: 1.5em;
        padding: 0.3em 0.3em;
        margin-left: auto;
        margin-right: auto;
        width:450px;
        font-size: 16px;
        font-weight: 700;
        box-shadow:0px 4px 4px gray;
    }
    
    .top_congestion_box{
        margin-top: 40px;
        /*border: 5px solid red;*/
        color: black;
        margin-left: auto;
        margin-right: auto;
        width:820px;
        font-size: 16px;
    }
    
    /*.small_box {
        margin-bottom: 0;
    }*/
    
    .machine_frame {
        text-align: center;
        margin: 0em 0.4em 1em 0.4em;
        border: 1px solid white;
        color: black;
        background-color: white;
        border-radius: 1.5em;
        padding: 1em 1em;
        z-index: 10;
        box-shadow:0px 4px 4px gray;
        width: 360px;
        min-width: 360px;
        height: 140px;
        min-height: 50px;
        display: inline-block;
        /*position: relative;*/
        vertical-align: top;
    }
    
    .congestion_info_box{
        display: flex;
    }
    
    .congestion_icon {
        margin:1em;
        padding-right:1.5em;
        width: 72px;
        height: 72px;
    }
    
    .area_name {
        font-size:20px;
        font-weight: 700;
        text-align: left;
        width:220px;
        height:60px;
        /*order: 1px solid red;*/
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    
    .gauge_parent{
        text-align: left;
        max-width: 100%;}
    
    .gauge_child{
        display:inline-block;
        width:14px;
        height:42px;
    }

    .empty_frame{
        /*border: 1px solid red;*/
        width:15px;
        height:45px;
    }
    
    .congestion_info_value{
        text-align:right;
        margin-top:-12px;
        padding-bottom:10px;
    }
    
    .use-count-text{
        font-size:14px;
        position: relative;
        bottom: 0;
        margin-bottom: -10em;
        padding-bottom: -10em;
    }
    
    .congestion_info_value_number{
        font-size: 40px;
        font-weight: 700;
    }
    
    .congestion_info_value_unit{
        font-size: 16px;
        font-weight: 700;
    }
    
    .congestion_info_max{
        font-size: 40px;
        font-weight: 100;
    }
}

.slightly_crowded_color {
    color: #FC800E
}

.comfortable_color {
    color: #008000
}

.others_text_color {
    color: #EC1919
}