/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 04.08.2016, 14:40:12
    Author     : Sebastian
*/

@media screen and (max-width: 1800px) {
    main {
        width: 760px;
    }
}

@media screen and (max-width: 1600px) {
    main {
        width: 660px;
    }
}    

@media screen and (max-width: 1500px) {
    #banner_layout_container {
        position: relative;
        float: left;
        top: 0;
        left: 5%;
        margin: 5% auto;
    }
    #aside_right_layout_container {
        position: relative;
        float: right;
        top: 0;
        right: 5%;
        margin: 5% auto;
    }
    main {
        width: 90%;
        
    }
}

@media screen and (max-width: 1050px) {
    #header_container, #footer_container {
        width: 600px;
    }
}

@media screen and (max-width: 800px) {
    #header_container, #footer_container {
        width: 600px;
    }
    #banner_layout_container {
        float: none;
        left: 0;
    }
    #aside_right_layout_container {
        float: none;
        margin-bottom: 20%;
        right: 0%;
    }
}

@media screen and (max-width: 600px) {
    main {
        width: 560px;
    }
}

@media screen and (max-height: 800px) {
    #banner_image_container {
        display: none;
    }
    .banner_content_container.second {
        height: 320px;
    }
}

@media screen and (max-height: 710px) {
    #banner_image_container {
        display: none;
    }
    #banner_text {
        display: none;
    }
    .banner_content_container.second {
        height: 184px;
    }
}