html {
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: fixed;
    cursor: default;
    width: 100%;
    height: 100%;
}

@media screen and (min-width: 768px) {
        .modal-dialog {
          width: 700px; /* New width for default modal */
        }
    }
@media screen and (min-width: 992px) {
        .modal-lg {
          width: 950px; /* New width for large modal */
        }
    }

.modal-dialog,
.modal-content {
    /* 80% of window height */
    height: 550px;
}

.modal-body {
    /* 100% = dialog height, 120px = header + footer */
    max-height: 480px;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

/* .modal-body iframe {
	position: relative;
 	margin: 0 auto;
} */

.modal-header {
	min-height: 4rem;
}

.history {
 	background-image: url("img/paper.jpg");
 	background-color: #fff;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
    	max-height: 620px;
}