/*   ======================================================================================================
                                                                                                                                                   
            (C) copyright 2016-2019 for the whole "MEDIA.CSS" by "CMD - Computer Media Design, Germany"

        All copyright and performance protection rights are international reserved (see: WIPO/PCT and DMCA)
                                                                                         
You are binded by the full copyright-text for desktop: "www.computermediadesign.com/youvee/scripts/copyright_desktop.txt"
 
                                          for tablets: "www.computermediadesign.com/youvee/scripts/copyright_tablet.txt"
 
                                      and for mobiles: "www.computermediadesign.com/youvee/scripts/copyright_mobile.txt"
                                                                                                                                               
     ===================================================================================================== */  


/* Start ==========================================================================*/

/* Structure_desktop */
#wrapper_desktop
{
  display	: block;
  max-width	: 1600px;
  margin	: auto;
  header{} main{} footer{} }

/* Structure_tablet ==========================================================================*/
#wrapper_tablet
{
  display   : none;
  width	    : 100%;
  max-width : 770px;
  margin    : auto;
  header{} main{} footer{} }

/* Structure_mobile ==========================================================================*/
#wrapper_mobile
{
  display : none;
  width	  : 100%;
  max-width : 480px;
  margin  : auto;
  header{} main{} footer{} }

/* Media Queries ================================================================================*/

@media screen and (max-width: 770px) 
{ #wrapper_desktop { display: none; }
  #wrapper_mobile  { display: none; }
  #wrapper_tablet  { display: block;
    font-size	: 1.2em;
    float	: left;
    clear	: left;
    margin	: 0 0 0px; } }

@media screen and (max-width: 480px) 
{ #wrapper_desktop { display: none; }
  #wrapper_tablet  { display: none; }
  #wrapper_mobile  { display: block;
   font-size	: 1.2em;
   float	: left;
   clear	: left;
   margin	: 0 0 0px; } }