/*
************************************************************
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: 0px;
      right: 20px;
   }

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

   #head-canvas{
      padding: 0px;
   }

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