body {
     overflow-y: scroll;
 }

 #main-header {
     background: rgb(0, 100, 180);
     background: linear-gradient(130deg, rgba(0, 100, 180, 1) 25%, rgb(123, 184, 241) 100%);
 }

 #footer {
     width: 100%;
     min-height: 200px;
     background-color: #fafafa;
 }

 #footer a {
     text-decoration: none;
 }

 #footer ul {
     list-style: none;
 }

 .news-article {
     width: 420px;
     height: 240px;
 }

 .header-brand {
     font-size: 120px;
     line-height: 120px;
 }

 .card-body {
     height: 27rem;
 }

 .text-invoices {
     color: #17a2b8;
 }

 .bg-invoices {
     background-color: #17a2b8;
 }

 .top-background-gradient {
     height: 53rem;
     width: 100vw;
     background: linear-gradient(130deg, rgb(24, 129, 214), rgb(123, 184, 241));
     z-index: -1;
     position: absolute;
 }

 /* The first block inside module-invoices that contains a picture */
 .invoices-initial-block {
     color: #FFFFFF;
 }

 .register-now-btn {
     height: 50px;
     width: 360px;
     line-height: 46px;
     font-size: 18px;
 }

 @media screen and (max-width: 1400px) {
     .news-article {
         width: 100%;
         height: auto;
         margin-bottom: 10px;
         padding: 10px;
     }

     .top-background-gradient {
         height: 66rem;
     }
 }

 @media screen and (max-width: 480px) {
     html {
         font-size: 12px;
     }

     .card-body {
         height: 36rem;
         font-size: 11px;
     }

     .app-link {
         padding-bottom: 1rem;
     }

     .header-brand {
         font-size: 80px;
         line-height: 90px;
     }

     .register-now-btn {
         height: 50px;
         width: 94vw;
         line-height: 46px;
         font-size: 16px;
     }
 }


 @media screen and (max-width: 1100px) {
     .invoices-initial-block {
         color: #000000;
     }
 }