/*

      Minimum settings (0px and up)

   */

      @media (min-width: 0)   {

                                 #container-message { padding-bottom:0px !important; }

                                 #screen-top { min-height:600px; }

                                 .h1-top     { font-size:28px; }

                                 .h3-top     { font-size:20px; }

                                 .p-sm       { font-size:12px; }

                                 .question   {

                                                font-size:1.0em;

                                                margin:17px 0 20px 0;

                                                display:block;

                                             }

                                 .img-answer {

                                                width:80px;

                                             }

                                 .card-img   {

                                                height:120px;

                                             }

                                 .card-answer   {

                                                   margin:0 auto;

                                                   border:2px solid #eee;

                                                }

                                 .card-answer:hover   {

                                                         border:2px solid #1098f3;

                                                      }

                                 .card-answer-active  {

                                                         border:2px solid #1098f3;

                                                      }

                                 .card-footer   {

                                                   font-size:1.5em !important;

                                                }

                                 .text-check {

                                                padding-left:45px;

                                                margin-bottom:10px;

                                                text-align:left !important;

                                             }

                                 .text-check .fa   {

                                                      font-size:1.27em;

                                                      margin-left:-30px;

                                                      color:#5ca011;

                                                   }

                                 .text-check .text {

                                                      font-size:0.8em;

                                                      display:block;

                                                      margin-top:-24px;

                                                   }

                                 #btn-go-to-wizard { font-size:14px; }

                              }

   /*

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

   */

      @media (min-width: 390px)  {

                                    #container-message { padding-bottom:0px !important; }

                                    #screen-top { min-height:600px; }

                                    .p-sm       { font-size:14px; }

                                    .question   {

                                                   font-size:1.1em;

                                                   margin:15px 0 20px 0;

                                                   display:block;

                                                }

                                    .img-answer {

                                                   width:100px;

                                                }

                                    .card-img   {

                                                   height:140px;

                                                }

                                    .card-footer   {

                                                      font-size:1.5em !important;

                                                   }

                                    .text-check {

                                                margin-bottom:10px;

                                                text-align:center !important;

                                             }

                                    .text-check .fa   {

                                                         font-size:1.27em;

                                                         margin-left:-30px;

                                                      }

                                    .text-check .text {

                                                         font-size:0.8em;

                                                         display:block;

                                                         margin-top:-24px;

                                                      }

                                 }

   /*

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

   */

      @media (min-width: 500px)  {

                                    #screen-top { min-height:650px; }

                                 }

   /*

      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)  {

                                    #screen-top { min-height:700px; }

                                 }

   /*

      Medium devices (tablets, 768px and up)

   */

      @media (min-width: 768px)  {

                                    #container-message { padding-bottom:50px !important; }

                                    #screen-top { min-height:650px; }

                                    #button-top { margin-right:2px !important; }

                                    #button-datenschutz { margin-left:17px !important; }

                                    .p-sm       { font-size:16px; }

                                    .question   {

                                                   font-size:1.25em;

                                                   margin:15px 0 20px 0;

                                                   display:block;

                                                }

                                    .img-answer {

                                                   width:120px;

                                                }

                                    .card-img   {

                                                   height:240px;

                                                }

                                    .card-footer   {

                                                      font-size:1.5em !important;

                                                   }

                                    .text-check {

                                                   margin-bottom:10px;

                                                   text-align:center !important;

                                                }

                                    .text-check .fa   {

                                                         font-size:2.0em;

                                                         margin-bottom:30px;

                                                         margin-left:0;

                                                      }

                                    .text-check .text {

                                                         font-size:1.0em;

                                                         display:block;

                                                      }

                                 }

   /*

      Large devices (desktops, 992px and up)

   */

      @media (min-width: 992px)  {

                                    #screen-top { min-height:650px; }

                                    .h1-top     { font-size:38px; }

                                    .h3-top     { font-size:26px; }

                                    .img-answer {

                                                   width:160px;

                                                }

                                    .card-footer   {

                                                      font-size:1.5em !important;

                                                   }

                                 }

   /*

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

   */

      @media (min-width: 1200px) {

                                    /* */

                                 }

   /*

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

   */

      @media (min-width: 1600px) {

                                    /* */

                                 }