/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    	
    #logo {
        right: -5px;
        top: -10px;
        text-align: right;
        width: 30%;
    }
    
    #logo img {
        width: 100%;
        height: auto;
    }

    h1 {
        font-size: 115%;
        margin-top: 0.25em;
    }

    .list-headline li {
        font-size: 90%;
    }

    .list-headline li a {
        background-size: contain;
        background-position-y: 0;
    }
    
    .list-headline li a:hover {
        background-position-y: 0;
        background-position-x: 8px;
    }

    .list-headline li.checkbox {
        background-position: 1px 2px;
    }


    .column {
        width: 100%;
    }
    
    .articles article {
        border-top: 1px solid;
        clear: both;
    }

    .articles article img {
        width: 30%;
        float: right;
        margin-top: -1.3em;
    }
    
    .box {
        width: 96%;
        padding-top: 5.5em;
        overflow: visible;
        height: 100%
    }
    
    #site-header {
        background-color: #444;
    }
    
    .nav-item-story
    {
        display: none;
    }
    
    .forward-button {
        top: 83%;
        width: 45px;
        height: 45px;
        background-size: contain;
    }

    #background {
        background-size: 100%;
    }
    
    .headline {
        font-size: 110%;
        left: 10%;
    }

    .headline + * {
        margin-top: 3.5em;
    }

    #wrapper {
        height: 416px;
    }
    
    #main {
/*         -webkit-overflow-scrolling: touch; */
    }

    ul.image-stack {
        position: absolute;
        width: 100%;
        top: 35%;
        left: -10%;
    }
    
    .image-stack li {
        padding: 0.5em;
        width: 50%;
    }
    
    .fancybox li {
        width: 34%;
        padding: 0.3em;
        margin: 0 0.7em 0.5em 0;
    }
    
    #social-icons {
        display: none;
    }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {}