/*-- Body Reset --*/
    
    body {
        background: #F5EDDC;
        font-family: Montserrat-regular, sans-serif;
        color: #000000;
        margin: auto;
        height: 100vh;
        width: 100vw;
    }
    
    .main {
        position: relative;
        margin: 0em 0em 2em 0em;
    }
    
  
    /*============= LOG IN =============*/
    
    .page-login {
        padding-left: 1em;
    }
    /*============= NAVIGATION =============*/
  
    
    .custom-select {
        display: inline-block;
        width: fit-content;
        height: calc(3.5rem + 2px);
        padding: 0.375rem 1.75rem 0.375rem 0.75rem;
        line-height: 1.5;
        color: #ffffff;
        vertical-align: middle;
        background: #3B6EE5 no-repeat right 0.75rem center;
        background-size: 8px 10px;
        border: 1px solid #ced4da;
        border-radius: .6rem;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin-top: .5rem;
    }
    
    .custom-select:focus {
        border-color: #80bdff;
        color: white;
        outline: 0;
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(128, 189, 255, 0.5);
    }
    /*============ BOOTSTRAP BREAK POINTS:

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

Small (sm) devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

Medium (md) devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

Large (lg) devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

Extra (xl) large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

=============*/
    /*-- Bootstrap Mobile Gutter Fix --*/
    
    .row,
    .container-fluid {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    /*++++++RESPONSIVE SCREENS++++++++++++*/
    /* +++++++++  (1) small styles++++++++++++ */
    
    @media screen and (max-width: 850px) {
 
        .footer-position-1 {
            margin-left: 2rem;
            margin-top: 6rem;
        }
        .footer-position-2 {
            margin-left: 2rem;
            margin-top: -1rem;
        }
        footer {
            height: 22em;
            width: 100vw;
        }
        footer h2 {
            text-indent: 2em;
            font-size: 1em;
            margin-top: 2em;
            text-align: center;
        }
        footer li {
            font-size: 10px;
            margin: .5em 0em 0em -2rem;
        }
        .icon-img {
            position: absolute;
            top: 1em;
            margin: 0em 0em 2rem 3em;
            font-size: 10px;
        }
        .copyright {
            font-size: 10px;
            left: 12em;
            top: -3em;
        }
    }
    /* +++++++++  medium+++++++++++*/
    
    @media screen and (max-width: 1400px) {
  
        footer li {
            font-size: 10px;
            line-height: 1.5em;
            margin: .5em 0em 0em -1em;
            text-decoration: none;
        }
        .footer-position-1 {
            width: 60rem;
            margin-left: -4rem;
            margin-top: 0rem;
        }
        .footer-position-2 {
            width: 60rem;
            margin-left: 2rem;
            margin-top: 0rem;
        }
        .icon-img {
            position: absolute;
            top: 1em;
            margin: 0em 0em 2rem 4em;
            font-size: 10px;
        }
    }
    /*Back to Top Button*/
    
    #topBtn {
        display: none;
        /* Hidden by default */
        position: fixed;
        /* Fixed/sticky position */
        bottom: 20px;
        /* Place the button at the bottom of the page */
        right: 30px;
        /* Place the button 30px from the right */
        z-index: 99;
        /* Make sure it does not overlap */
        border: none;
        /* Remove borders */
        outline: none;
        /* Remove outline */
        background-color: #717171;
        /* Set a background color */
        color: white;
        /* Text color */
        cursor: pointer;
        /* Add a mouse pointer on hover */
        padding: 15px;
        /* Some padding */
        border-radius: 10px;
        /* Rounded corners */
        font-size: 18px;
        /* Increase font size */
    }
    
    #topBtn:hover {
        background-color: #D0D0D0;
        /* Add a dark-grey background on hover */
    }