/* ---------------------------------------------------------------- */
/*        Projekt:  goemint.de                                      */                    
/*        File:     screen.css                                      */                    
/*        Autor:    Stephan Buchholz                                */
/*        Datum:    10.06.2018                                      */
/* ---------------------------------------------------------------- */

/* ---------------------------------------------------------------- */
/*    Medium - Tablet  */
/* ---------------------------------------------------------------- */
@media screen and (min-width: 35em)
{
/* ------------------------ */
header
{
  /* flex-flow: row nowrap;  */
}
/* ------------------------ */
}

/* ---------------------------------------------------------------- */
/*    Large - Desktop  */
/* ---------------------------------------------------------------- */
@media screen and (min-width: 50em)
{
/* ------------------------ */
header
{
/*   flex-flow: row wrap;  */
}
/* ------------------------ */
footer, main
{
 /*  flex-flow: row wrap;  */
}
/* ------------------------ */
/*
nav, nav > ul
{
   flex-flow: row wrap;  
}
*/
nav
{
   order: 15;
}
#nav-right
{
   order: 30;
}
/* ------------------------ */
#header-navlink
{
   display: none;
}
/* ------------------------ */
}

/* ---------------------------------------------------------------- */
/*    Extra Large - Home Entertainment Systeme  */
/* ---------------------------------------------------------------- */
@media screen and (min-width: 100em)
{
/* ------------------------ */
html
{
   max-width: 100em;
   margin: 0 auto;
}
/* ------------------------ */
}

/* ---------------------------------------------------------------- */