/*
 * Globals
 */

       /* Links */
       a,
       a:focus,
       a:hover {
         color: #fff;
       }

       /* Custom default button */
       .btn-secondary,
       .btn-secondary:hover,
       .btn-secondary:focus {
         color: #333;
         text-shadow: none;
         /* Prevent inheritance from `body` */
         background-color: #fff;
         border: .05rem solid #fff;
       }



       /*
 * Base structure
 */

       html,
       body {
         height: 100%;

       }

       body {
         background-color: #333;
         color: #fff;
       }

       .cover-container {
         justify-content: space-between;
         align-items: center;
       }

       .shaddow {
         box-shadow: inset 0 0 5rem rgb(0 0 0 / 50%);
         min-width: 100%;
         height: 100%;
         overflow-y: auto;
       }



       /*
 * Header
 */
       .masthead {
         margin: 2rem 2rem 2rem 2rem;
         padding: 0rem 2rem;
         width: 100%;
       }

       .masthead-brand {
         margin-bottom: 0;
       }

       .nav-masthead .nav-link {
         padding: .25rem 0;
         font-weight: 700;
         color: rgba(255, 255, 255, .5);
         background-color: transparent;
         border-bottom: .25rem solid transparent;
       }

       .nav-masthead .nav-link:hover,
       .nav-masthead .nav-link:focus {
         border-bottom-color: rgba(255, 255, 255, .25);
       }

       .nav-masthead .nav-link+.nav-link {
         margin-left: 1rem;
       }

       .nav-masthead .active {
         color: #fff;
         border-bottom-color: #fff;
       }

       @media (min-width: 48em) {
         .masthead-brand {
           float: left;
         }

         .nav-masthead {
           float: right;
         }
       }

       @media (max-width: 48em) {
         main img {
           display: none;
         }
       }


       /*
 * Cover
 */
       .cover {
        max-width: 56rem;
       }

       .cover .btn-lg {
         padding: .75rem 1.25rem;
         font-weight: 700;
       }



       /*
 * Footer
 */
       .mastfoot {
         color: rgba(255, 255, 255, .5);
         width: 100%;
       }

       main img {
         float: right;
         height: 400px;
       }