@media screen and (min-width: 320px) and (max-width: 480px) 
{

    /* Шапка сайта */
    header div p
    {
        padding: 10px;

        font-size: 25px;
    }
    /* Конец шапки сайта */

    main
    {
        min-height: calc(100vh - 186px);
    }
    
    footer
    {
        height: 116px;
    }

    footer div:nth-child(1)
    {
        width: 80%;

        flex-wrap: wrap;
        justify-content: center;
    }

    footer a p
    {
        font-size: 12px;
        font-weight: bold;
        color: #FFF;

        margin-left: 5px;
    }

    footer img
    {
        width: 25px;
        height: auto;

        display: block;
        transition: all 0.5s ease; 
    }


    footer p
    {
        font-size: 10px;
        font-weight: bold;
        color: #FFF;
    }

}


@media screen and (min-width: 481px) and (max-width: 768px)
{

   
}

@media screen and (min-width: 769px) and (max-width: 1024px)
{

    

}