/*
************************************************************
Styles:     flix//theme
Project:    flix-Base - Main CSS
Autor:      Yannik Boost
Copyright:  (c) 2015 interaktiv manufaktur
Website:    www.interaktiv-manufaktur.de
************************************************************
*/
@media only screen and (max-width: 760px) {


    /*****************************************************************
    *********** Document
    ******************************************************************/
    /*****************************************************************
    *********** Allgemeine Selectoren
    ******************************************************************/
    /*****************************************************************
    *********** Header
    ******************************************************************/
    /*****************************************************************
    *********** Footer
    ******************************************************************/
    /*****************************************************************
    *********** Content
    ******************************************************************/
    /*****************************************************************
    *********** Seitenelemente
    ******************************************************************/
    #info-canvas {
        width: 100%;
        margin: 25px 0px;
    }

    #content-canvas {
        width: 100% !important;
    }


    .text-image-main .left-column .text, .text-image-main .right-column .text {
        box-sizing: border-box;
        padding: 15px;
        max-width: 100%;
        position: relative;
        transform: translateY(0%);
        top: 0px;
    }

    .text-image-main .left-column {
        width: 100%;
        float: none;
        height: auto;
        overflow: hidden;
    }

    .text-image-main .right-column {
        width: 100% !important;
        overflow: hidden;
        float: none;
        height: auto;
    }

    .text-image-main .left-column .text {
        padding: 25px 40px !important;
        text-align: left;
    }

    #pageElement-452 .right-column {
        width: 100% !important;
    }

    .header-text {
        display: none !important;
    }

    #logo img {
        width: 60px;
    }

    .menu-button {
        display: inline-block;
        position: absolute;
        top: 30px;
        right: 30px;
    }

    #main-navigation {
        display: none !important;
    }

    #head-canvas {
        padding: 0px;
    }

    #nav2-canvas {
        width: 100%;
        margin-bottom: 10px;
    }


}