@media (max-width: 1024px) {

    #page {
        max-width: 950px;
    }

    .index_image img {
        max-width: 90%;
    }

    .about_image img {
        max-width: 90%;
    }
}

@media (max-width: 800px) {
    
    #page {
        margin: 10px auto;
    }

    .index_image img {
        max-width: 90%;
    }

    #text_footer {
        font-size: 14px;
    }

    .about_image img {
        max-width: 90%;
    }
}

@media (max-width: 650px) {

    #page {
        margin: 0 auto;
    }

    #structure {
        -moz-box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.5);
        box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.5);
    }

    #heading {
        padding: 10px;
        margin: 0 auto;
        height: 80px;
    }

    #site_title {
        padding: 10px;
    }

    #menu {
        padding: 5px 5px 0px 5px;
        height: 50px;
    }

        #menu .menu_item a {
            font-size: 20px;
        }

    #main {
        padding: 15px 50px 15px 50px;
    }

    .page_title {
        font-size: 20px;
    }

    .page_text {
        font-size: 16px;
    }

    #text_footer {
        font-size: 11px;
    }

    .error_text {
        font-size: 16px;
    }

    .index_title {
        font-size: 22px;
    }

    .index_text {
        font-size: 18px;
    }

    .index_image img {
        max-width: 90%;
    }

    .about_image img {
        max-width: 90%;
    }

    #portfolio_list {
        border-spacing: 0px 15px;
    }

        #portfolio_list .portfolio_text {
            font-size: 16px;
            width: 100%;
            padding: 5px;
        }

        #portfolio_list .portfolio_image {
            display: none;
        }

    #blog_list {
        padding: 15px 0px 0px 0px;
    }

        #blog_list .blog_title {
            font-size: 18px;
        }

        #blog_list .blog_image {
            display: none;
        }

    .post_back img {
        max-height: 25px;
    }

    .post_date {
        font-size: 16px;
    }

    .post_image img {
        max-width: 90%,
    }

    .contact_image {
        padding: 15px;
    }
}

@media (max-width: 320px) {

    #page {
        margin: 0 auto;
    }

    #structure {
        -moz-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.5);
        box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.5);
    }

    #heading {
        padding: 5px;
        margin: 0 auto;
        height: 60px;
    }

    #site_title {
        padding: 5px;
    }

    #menu {
        padding: 2px 2px 0px 2px;
        height: 35px;
    }

        #menu .menu_item a {
            font-size: 20px;
        }

    #main {
        padding: 5px 25px 5px 25px;
    }

    .page_title {
        font-size: 20px;
    }

    .page_text {
        font-size: 12px;
    }

    #text_footer {
        font-size: 10px;
    }

    .error_text {
        font-size: 12px;
    }

    .index_title {
        font-size: 16px;
    }

    .index_text {
        font-size: 14px;
    }

    .index_image img {
        max-width: 90%;
    }

    .about_image img {
        max-width: 90%;
    }

    #portfolio_list {
        border-spacing: 0px 5px;
    }

        #portfolio_list .portfolio_text {
            font-size: 12px;
            width: 100%;
            padding: 5px;
        }

        #portfolio_list .portfolio_image {
            display: none;
        }

    #blog_list {
        padding: 5px 0px 0px 0px;
    }

        #blog_list .blog_title {
            font-size: 14px;
        }

        #blog_list .blog_image {
            display: none;
        }

    .post_back img {
        max-height: 15px;
    }

    .post_date {
        font-size: 12px;
    }

    .post_image img {
        max-width: 90%,
    }

    .contact_image {
        padding: 5px;
    }
}