#logo1 {
    width: 100%;
    float: left;
    padding: 0 1% 3% 0.8%;
}

#logo1 img {
    width: 100%;
    float: left;
}

#plyty {
    float: left;
    width: 100%;
    padding: 0 2% 1% 2%;
}

#plyta1 {
    float: left;
    font-size: 1em;
    width: 50%;
    padding: 0 4% 0 4%;
}

#plyta1 img:hover {
    -webkit-box-shadow: -1px 1px 30px -1px silver;
    -moz-box-shadow: -1px 1px 30px -1px silver;
    box-shadow: -1px 1px 30px -1px silver;
}

.nota {
    width: 100%;
    float: left;
    color: #ffffff;
    padding: 2% 0 2% 0;
    text-align: center;
    
}

.nota-p {
    color: #ffffff;
    text-align: center;
    font-size: 1.2em;
}

.nota img {
    text-align: center;
}

.icon-phone {
    color: #ffffff;
}

.nota a {
    color: #ffffff;
}

.nota a:hover {
    color: yellow;
}

/* ------------------------------------ do 250 ----------------------------------- */

@media (max-width: 250px) {


    .nota img {
        width: 95%;
    }


    #plyty img {
        width: 100%
    }

    #plyta1 {
        font-size: 0.8em;
    }


}

/* ------------------------------------ od 251 ----------------------------------- */

@media (min-width: 251px) {

    .nota img {
        width: 95%;
    }

    #plyty {
        width: 100%;
        padding: 0 2% 1% 2%;
    }

    #plyty img {
        width: 100%
    }

    #plyta1 {
        font-size: 0.8em;
    }


}

/* ------------------------------------ od 321 ----------------------------------- */

@media (min-width: 321px) {



    #plyta1 {
        font-size: 0.9em;
    }
}

/* ------------------------------------ od 440 ----------------------------------- */

@media (min-width: 440px) {

    .nota img {
        width: 90%;
    }

    #plyty img {
        width: 93%
    }

    #plyta1 {
        font-size: 1em;
    }
}

/* ------------------------------------ od 576 ----------------------------------- */

@media (min-width: 576px) {

    .nota img {
        width: 92%;
    }

    #plyty img {
        width: 70%
    }
}

/* ------------------------------------ od 640 ----------------------------------- */

@media (min-width: 640px) {}

/* ------------------------------------ od 768 ----------------------------------- */

@media (min-width: 768px) {

    .nota img {
        width: 91%;
    }

    #plyty img {
        width: 60%
    }


}

/* ------------------------------------ od 1000 ----------------------------------- */

@media (min-width: 1000px) {

    .nota img {
        width: 90%;
    }

    #plyty img {
        width: 62%
    }


}