/* Move down content because we have a fixed navbar that is 50px tall */


/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
body {
    
    
}

/* If the screen size is 601px wide or more, set the font-size of <div> to 80px 
@media screen and (min-width: 601px) {
    body {
        font: 0.8rem/1.5 var(--font-family-sans-serif);
    }
}

*/

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 576px) {
    body {
        font: 0.8rem/1.5 var(--font-family-sans-serif);
    }

    .lead {
        font: 0.8rem/1.5 var(--font-family-sans-serif);
    }
}


@media (min-width: 576px) {
    .modal-dialog {
        max-width: none;
    }
}

.modal-dialog {
    width: 1500px;
    height: 97%;
    padding: 0px;
}

.modal-content {    
    height: 99%;
}


.footer {
    position: relative;
    bottom: 0;
    width: 100%;
    height: 100px; /* Height of the footer */
    text-align:center;
    background: #F5F5F5;
    color:gray;
}