@media all and (min-device-width: 800px) {

    .flagg {
        height: 100px;
    }

    #results{
        width: 980px;
    }

    #map {
        width: 605px;
        display: inline-block;
    }

    #list{
        width: 370px;
        display: inline-block;
    }

    .item{
        width: 95%;
        height: 97px;
        border-bottom: 1px solid black;
        padding-bottom: 2px;
        overflow: hidden;
    }
    .legend
    {
        display: inline-block;
    }
}

@media all and (max-device-width: 800px) {
    p {
        font-size: 20px;
        width: 100%;
    }
    
    .text {
        height: 50px;
        width: 50%;
    }
    
    label {
        width: 100%;
        margin-bottom: 10px;
    }
    
    .flagg {
       width: 45px;
    }

    #results{
        width: 100%;
    }

    #map {
        width: 95%;
        display: block;
    }

    #list{
        width: 95%;
        display: block;
    }

    .item{
        width: 100%;
        min-height: 100px;
        max-height: 250px;
        height: 20%;
        border-bottom: 1px solid black;
        padding-bottom: 2px;
        overflow: hidden;
    }
    .legend
    {
        display: inline-block;
    }
    
    #clickme{
        height: 50px;
        widht: 50%;
    }
}

    .blue {
    color: blue;
    }

    .red{
        color: red;
    }


    .Bring{
        color: #7bc144;
    }

    .PostNord{
        color: #0099bb;
    }

    .Posti{
        color: #ff8000;
    }
    .Matkahuolto
    {
        color: #0070b5;
    }
    .Swipbox{
        color: red;
    }

    .hide { display: none;}