
/* ############# */
/* D E V I C E S */
/* ############# */

   /*

      Minimum settings (0px and up)

   */

      @media (min-width: 0)   {

                                 #gl { max-height:525px; }

                                 #headline { font-size:2.5em; margin-top:210px; }

                                 #navbar-headline { font-size:14px; position:relative; top:-6px; }

                                 p { font-size:14px; }

                                 #navbar-logo-dsh { margin:8px 0 0px 0px; }

                                 .img-article { max-width:124px; }

                                 .navbar-toggler { zoom: 0.7; }

                                 #navbar-logo-dsh { height:47px !important; }

                                 #navbar-brand { padding-top:0 !important; padding-bottom:0 !important; }

                                 .btn-change-font-size { font-size:12px !important; }

                              }

   /*

      Minimum settings (390px and up) | E X T R A | B R E A K | P O I N T

   */

      @media (min-width: 390px)  {

                                    /* ... */

                                 }

   /*

      Minimum settings (500px and up) | E X T R A | B R E A K | P O I N T

   */

      @media (min-width: 500px)  {

                                    /* ... */

                                 }

   /*

      Extra small devices (portrait phones, less than 576px)
      No media query for `xs` since this is the default in Bootstrap

      Small devices (landscape phones, 576px and up)

   */

      @media (min-width: 576px)  {

                                    /* ... */

                                 }

   /*

      Minimum settings (640px and up) | E X T R A | B R E A K | P O I N T

   */

      @media (min-width: 640px)  {

                                    /* ... */

                                    .nav-link { font-size:14px; margin-top:0; }

                                    #navbar-logo-dsh { margin:12px 0 0px 31px; }

                                    .img-article { max-width:200px; }

                                    .navbar-toggler { zoom: 1.0; }

                                    #navbar-logo-dsh { height:50px !important; }

                                    #navbar-brand { padding-top:5px !important; padding-bottom:5px !important; }

                                    .btn-change-font-size { font-size:14px !important; }

                                 }

   /*

      Medium devices (tablets, 768px and up)

   */

      @media (min-width: 768px)  {

                                    /* ... */

                                    .nav-link { font-size:12px; margin-top:4px; }

                                    #gl { max-height:725px; }

                                    #headline { font-size:4em; margin-top:270px; }

                                 }

   /*

      Large devices (desktops, 992px and up)

   */

      @media (min-width: 992px)  {

                                    /* ... */

                                    .nav-link { font-size:14px; margin-top:0; }

                                    #gl { max-height:1000px; }

                                    #headline { font-size:7em; margin-top:270px; }

                                 }

   /*

      Extra large devices (large desktops, 1200px and up)

   */

      @media (min-width: 1200px) {

                                    /* ... */

                                 }

   /*

      Extra large devices (large desktops, 1600px and up) | E X T R A | B R E A K | P O I N T

   */

      @media (min-width: 1600px) {

                                    /* ... */

                                 }