@media screen and (max-width:900px)
{
    body
    {
        padding: 0;
        margin: 0;
    }
    
    h1
    {
        font-size: 38px !important;
        padding: 15px 25px 15px 25px;
    }
    
    .carousel
    {
        display: none;
    }
    
    .carousel-credits
    {
        font-size: 12px;
        width: auto;
        display: inline-block;
    }
    
    .container,
    .content
    {
        width: 100% !important;
        text-align: center;
    }
    
    .blog-posts
    {
        margin-top: 50px;
    }
    
    .blog-post
    {
        display: block;
    }
    
    footer td,
    footer td p
    {
        display: block !important;
        text-align: center !important;
        width: 100% !important;
    }
    
    footer td
    {
        padding: 5px !important;
    }
    
    footer > div
    {
        padding: 5px;
    }
    
    footer > div:first-of-type td:nth-of-type(1),
    footer > div:first-of-type td:nth-of-type(2),
    footer > div:last-of-type td:nth-of-type(2)
    {
        display: none !important;
    }
    
    .top-middle-menu-mobile
    {
        display: block;
        vertical-align: middle;
        padding-top: 35px;
    }
    
    .top-middle-menu-mobile img
    {
        height: 25px;
    }
    
    img
    {
        max-width: 100%;
    }
    
    .container
    {
        min-height: 100px !important;
    }
    
    .mobile
    {
        display: block !important;
        background-color: #000000;
        padding: 5px;
        position: static !important;
        vertical-align: middle;
    }
    
    .mobile .titre
    {
        display: inline-block;
        width: 75%;
        color: #ffffff;
        vertical-align: middle;
        padding: 15px;
        font-size: 26px;
    }
    
    .mobile .top-middle-menu-mobile
    {
        display: inline-block;
        width: 20%;
        text-align: right;
        vertical-align: middle;
        padding: 5px 0 5px 0;
    }
    
    #splash
    {
        height: auto;
    }
    
    #splash .bottom
    {
        margin-top: 30px;
        padding-top: 50px;
        text-align: center;
    }
    
    #splash .carousel-credits
    {
        position: static;
    }
    
    .do-not-display-on-mobile
    {
        display: none !important;
    }
    
    .display-block-on-mobile
    {
        display: block !important;
        width: 100% !important;
    }
    
    .align-center-on-mobile
    {
        text-align: center !important;
    }
    
    .padding-15-on-mobile
    {
        padding: 15px !important;
    }
    
    .no-padding-on-mobile
    {
        padding: 0 !important;
    }
}