@media
{
    #status_03
    {
        background-color: var(--cargoegg);
    }
    #statusbox
    {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 4vw;
        width: 60vw;
    }
    .trafficlight
    {
        display: flex;
        gap: 0.5vw;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
    .trafficlight img
    {
        width: 3.5vw;
    }

    .deactive
    {
        opacity: 0.3;
    }

    .trafficlight h3
    {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 1vw 1vw;
        height: 2vw;
        border: solid 0.2vw var(--darkgray);
        border-radius: 2vw;
    }

    .deactive h3
    {
        border: none;
    }

}


/* 1400 px *******************************************************************************************************/
@media (max-width: 1400px)
{

}





	
	
/* 800 px *******************************************************************************************************/
@media (max-width: 800px)
{

    #statusbox
    {
        flex-direction: column;
        width: 90vw;
        position: relative;
        left: 5vw;
    }

    .trafficlight img
    {
        width: 9vw;
    }

    .trafficlight
    {
        width: 100%;
        gap: 5vw;
        justify-content: flex-start;
    }

    .trafficlight h3
    {
        padding: 4vw;
        height: 10vw;
        border: solid 0.7vw var(--darkgray);
        border-radius: 6vw;
    }	

    .deactive h3
    {
        border: none;
    }

	
}