/* ideal break points: 1280, 1024, 800, 600, 480 and 320 */

/* 900px ================================== */
@media only screen and (max-width : 900px) {

    h1 {
        margin: 0.5em;
    }

    /* footer */
    .footer-sprite-links {
        width: 100%;
        float: left;
        margin: 0 auto;
    }

        .footer-sprite-links .partner-links {
            float: none;
            margin: 0 auto;
            width: 590px;
        }

        .footer-sprite-links .partner-links a { 
        }


    .footer-sprite-links .social-networking-links {
        float: none;
            margin: 0 auto;
            width: 234px;
    }
    .footer-sprite-links .social-networking-links a {
    }

}

/* 760px ================================== */
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {

    body {
        font-size: 52.5%;
    }

    /* header */

        .header .logo {
            width: 100%;
            float: left;
            text-align: center;
        }


        .header .header-contact {
            width: 100%;
            float: left;
            margin: 0 auto;
        }

        .header .header-contact .contact_menu {
            width: 280px;
            float: none;
            margin: 0 auto;
    }

        .email_contact {
}
    .telephone_contact {
}

    /* footer */
    .footer tr td {
        text-align: center;
        float: left;
    }

    .footer-sprite-links .partner-links {
        width: auto;
    }

        .footer-sprite-links .partner-links a {
            float: none;
            margin: 0 auto;
        }


    /* table content */
    /* table content row styling */
    .table-content td:nth-child(1),
    .table-content td:nth-child(4),
    .table-content td:nth-child(5),
    .table-content td:nth-child(6),
    .table-content td:nth-child(7) {
        width: 50%;
    }
    /* comment row */
    .table-content td:nth-child(3) {
        width: 50%;
    }


    /* Force table to not be like tables anymore */
    table, thead, tbody, th, td, tr {
        display: block;
        text-align: left;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .table-content thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .table-content tr {
        border: 1px solid #ccc;
        border-top: 0;
    }

        .table-content tr:nth-of-type(1) {
            border-top: 1px solid #ccc;
        }

    .table-content th {
    }

    .table-content td, .table-content th {
    }

    .table-content td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #e3e3e3;
        position: relative;
        padding-left: 48%;
    }

        .table-content td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 1em;
            left: 1em;
            padding-right: 10px;
            white-space: nowrap;
        }

        /*
	Label the data
	*/
        .table-content td:nth-of-type(1):before {
            content: "Date:";
        }

        .table-content td:nth-of-type(2):before {
            content: "Web Page:";
        }

        .table-content td:nth-of-type(3):before {
            content: "Comments:";
        }

        .table-content td:nth-of-type(4):before {
            content: "Preview:";
        }

        .table-content td:nth-of-type(5):before {
            content: "URL:";
        }

        .table-content td:nth-of-type(6):before {
            content: "Approved:";
        }

        .table-content td:nth-of-type(7):before {
            content: "Date:";
        }

        .table-content td:nth-of-type(1):before,
        .table-content td:nth-of-type(2):before,
        .table-content td:nth-of-type(3):before,
        .table-content td:nth-of-type(4):before,
        .table-content td:nth-of-type(5):before,
        .table-content td:nth-of-type(6):before,
        .table-content td:nth-of-type(7):before {
             font-weight: bold;
        }
}
