/* Adapts css to non-retina mobile devices */
@media only screen and (max-width: 767px) {

    .subheader_pad{
        padding-bottom: 15px;
    }

    body .column {
        float: none;
        margin-top: 20px;
        margin-bottom: 20px;
        width: 100%;
    }

    body .column .block  {
        margin-bottom: 20px;
    }

	.column .block  img {
		width: 100%;
	}
	
	body .item .item_image {
		float: none;
	}

	body .item .item_image + .item_info {
		margin-top: 30px;
		margin-left: 0;
		padding-left: 0;
	}

    body .item .item_front_image {
        float: none;
        display: inline-table;
        width: 100%;
    }
    
    body .item .item_front_image_right {
        float: none;
        display: inline-table;
        width: 100%;
    }

    body .item .item_front_image + .item_info {
        margin-top: 30px;
        margin-left: 0;
        padding-left: 0;
    }
    
    body .item .item_front_image_right + .item_info {
        margin-top: 30px;
        margin-right: 0;
        padding-right: 0;
    }

	body .item_info {
		margin-left: 0;
	}

    .item_link{
        float: none;
        text-align: center;
    }

    .item_info_date{
        float: none;
        text-align: center;
        margin-bottom: 10px;
    }

	#social_buttons{
		display: none;
	}

    .button_submit_right {
        float: none;
    }

    .button {
        float: none;
    }

    .item_link > .button {
        float: none;
    }

    .overlay_content{
        width: 80%;
    }

    .footer_text{
        font-size: 14px;
    }
}

/* Adapts css to very narrow screens */
@media only screen and (max-width: 350px) {
    .menu_container{
        padding-left: 0;
        padding-right: 0;
    }

    .menu_content{
        margin-right: 0;
    }

    .menu_list{
        padding-right: 0;
    }

    .overlay_content{
        width: 90%;
    }
}

@media only screen and (max-width: 400px) {
    .article_top_footer::before {
        height: 40px;
    }
}

@media only screen and (max-width: 487px) {
    .container {
        width: 100%;
        min-width: 300px;
    }

    /* Tiny overlay animation */
    @-webkit-keyframes animateleft {
        0% {left:-100px; top:90%; opacity:0}
        50% {left:50px; top:90%; opacity:1}
        100% {left:1px; top:90%; opacity:1}
    }

    @keyframes animateleft {
        0% {left:-100px; top:75%; opacity:0}
        0% {left:-100px; top:75%; opacity:0}
        50% {left:50px; top:75%; opacity:1}
        100% {left:1px; top:75%; opacity:1}
    }

    .overlay_tiny_close {
        color: #aaaaaa;
        margin-right: 80px;
    }

    .overlay_tiny_close:hover,
    .overlay_tiny_close:focus {
        color: #000000;
    }
}

@media only screen and (max-width: 580px) {
    .article_top_footer::before {
        height: 60px;
    }

    .footer_container .logos {
        display: none;
    }

    .footer_content {
        padding-top: 115px;
    }

    .footer_container .footer_text{
        margin-top: -120px;
    }
}

@media only screen and (min-width: 487px) {
    .container {
        width: 450px;
    }

    .front{
        margin-right: 21px;
    }

    .item_link{
        float: none;
        text-align: center;
    }

    .item_info_date{
        float: right;
    }

    .item_link {
        float: right;
        text-align: left;
    }

    .item_link button{
        float: right;
    }

    .button_submit_right {
        float: left;
        margin: 0 5px 5px;
    }
}
@media only screen and (min-width: 600px) {

    .container {
        width: 550px;
    }

    .front{
        margin-right: 22px;
    }
}

@media only screen and (min-width: 768px) {

    .container {
		width: 620px;
	}

    .front{
        margin-right: 36px;
    }
}

@media only screen and (min-width: 1024px) {

    .container {
		width: 870px;
	}

    .front{
        margin-right: 38px;
    }

    .article_top_footer::before {
        height: 79px;
    }

}

@media only screen and (min-width: 1300px) {

    .container {
		width: 1040px;
	}
	

    .front{
        margin-right: 40px;
    }

    .article_top_footer::before {
        height: 95px;
    }

    .footer_container .footer_text{
        text-align: left;
        margin-top: -75px;
    }

    .footer_container .footer_objects{
        text-align: right;
        float: right;
        margin-top: -50px;
    }

    .overlay_content{
        width: 40%;
    }
}