/* TODO */

@media screen and (max-width: 1099px)
{
    #news
    {
        justify-content: center;
    }

    #news .news .content, #news .news
    {
        height: unset;
    }

    #news a:nth-child(3n), #photos .photo:nth-child(3n), #videos a:nth-child(3n)
    {
        margin-right: 2.2rem;
    }

    #news a:nth-child(2n), #photos .photo:nth-child(2n), #videos a:nth-child(2n)
    {
        margin-right: 0;
    }

    #news .news .image, #news .news:hover .image
    {
        height: 16.32rem;
    }

    .breadcrumb ul
    {
        flex-wrap: wrap;

        max-width: 90%;

        margin: 0 auto;
        margin-bottom: 3.2rem;
    }

    .breadcrumb ul li
    {
        text-align: center;
    }

    #videos a:last-child, #photos .photo:last-child
    {
        margin-right: 0;
    }

    #photos .photo
    {
        width: 35.2rem;
    }

    #photos
    {
        justify-content: center;
    }
}

@media screen and (max-width: 750px)
{
    #photos
    {
        flex-direction: column;
        align-items: center;
    }

    #photos .photo, #photos .photo:nth-child(3n)
    {
        margin-right: 0;
    }
}

@media screen and (max-width: 725px)
{
    #content
    {
        padding-top: 14rem;
    }

    #content .text h1
    {
        font-size: 3.2rem;
    }

    .text h2
    {
        font-size: 1.536rem;
    }

    #news .news
    {
        width: 28.16rem;
    }

    #news a:last-child
    {
        margin-right: 0;
    }

    #news .news .content p.title
    {
        font-size: 1.6rem;
    }

    #news .news .content p
    {
        font-size: 1.2rem;
    }

    form#contact_form, .contact_info
    {
        width: 90%;
        height: unset;
    }

    #videos a:nth-child(n)
    {
        margin-right: 0;
    }

    #videos
    {
        flex-direction: column;
        align-items: center;
    }
}

@media screen and (max-width: 680px)
{
    .pagination_box ul#pagination
    {
        width: 45.68rem;
    }

    #pagination .item_page .link_page
    {
        padding: 1.28rem 2.56rem;
        font-size: 1.28rem;
    }
}

@media screen and (max-width: 586px)
{
    #news a,
    #news a:nth-child(3n)
    {
        margin-right: 0;
    }

    #news
    {
        flex-direction: column;
        align-items: center;
    }
}

@media screen and (max-width: 580px)
{
    #content .text
    {
        width: 90%;
    }

    #propositions .text
    {
        padding-left: 0;
        padding-right: 0;
    }

    #content .text h1
    {
        font-size: 2.56rem;
    }
}

@media screen and (max-width: 520px)
{
    .pagination_box ul#pagination
    {
        width: unset;
        margin: unset;
    }

    #pagination .item_page:nth-last-child(2) .link_page, 
    #pagination .item_page:nth-child(2) .link_page
    {
        padding: 0;
        display: block;
        height: 100%;
        width: 100%;
        font-size: 0;
    }

    #pagination .item_page:nth-last-child(2) .link_page::before,
    #pagination .item_page:nth-child(2) .link_page::before
    {
        content: "";
        display: block;
        background-image: url("../img/general/next.svg");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        height: 80%;
        margin-top: 7%;
    }

    #pagination .item_page:nth-child(2) .link_page::before
    {
        background-image: url("../img/general/previous.svg");
    }

    #pagination .item_page .link_page
    {
        padding: 0;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #pagination .item_page
    {
        width: 7rem;
        height: 3.959rem;
    }

    #new .image:nth-child(2n)
    {
        margin-right: 0;
    }
}

@media screen and (max-width: 500px)
{
    .images
    {
        flex-direction: column;
        align-items: center;
    }

    #new .image
    {
        margin-right: 0;
    }

    h3.img_title
    {
        text-align: center;
        font-size: 2.304rem;
    }

    #new .images .image
    {
        width: 100%;
        max-width: unset;
        height: unset;
    }

    #new .images img
    {
        max-height: unset;
        max-width: 100%;
    }

}

@media screen and (max-width: 400px)
{
    .phone
    {
        width: 100%;
    }

    .email
    {
        margin-bottom: 3.2rem;
    }
}