.aboutChangerTextbox {
    align-items: center;
    background-color: black;
    height: 500px;
    justify-content: center;
    overflow: auto;
    width: 100%;
}


.aboutChangerButton {
    background-color: #303c4f;
	color: #f7ec72;
    font-family: monospace;
    font-size: 20px;
    height: 100px;
	width: 48%;
    }

body {
    background-attachment: fixed;
    background-color: #2D8394;
    background-image: url('../images/siteGraphics/backgrounds/pixabayMainBG.jpg');
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    }

.buttonDisciplineInfoChanger {
    background-color: #303c4f;
	color: #f7ec72;
    font-family: monospace;
    font-size: 15px;
    height: 75px;
	width: 32%;
    }

.c1 {
    align-items: center;
    background-color: black;
    color: white;
    justify-content: center;
    }

.c2 {
    width: 80%;
}

.contentContainer {
    align-items: center;
	margin-left: auto;
	margin-right: auto;
    width: 95%;
    }

.disciplineInfoChangerTextbox {
    
	height: 150px;
	overflow: auto;
	width: 100%;
    }
	
.divClickLayer {
    cursor: pointer;
	height: 100%;
	width: 100%;
}


.f1 {
    align-items: center;
    background-image: url('../images/siteGraphics/headers/pixabayCharcoalGrayHeader.jpg');
    height: 25px;
    justify-content: center;
    width: 100%;
    }

.h1 {
    align-items: center;
    background-image: url('../images/siteGraphics/headers/pixabayCharcoalGrayHeader.jpg');
    justify-content: center;
    width: 100%;
    }

.h2 {
    align-items: left;
    background-image: url('../images/siteGraphics/headers/pixabayCharcoalGrayHeader.jpg');
    height: 75px;
    justify-content: center;
    width: 100%;
    }

.headerTextBox {
    background-color: black;
    color: #ffe066;
    font-family: monospace;
	font-size: 20px;
	height: 90%;
	justify-content: center;
    text-align: center;
	width: 85%;
    }
    
.iframeNavbarContainer {
    height: 50px;
    margin-right 0;
    margin-left: 0;
    width: 95%;
    }

.mainLogo {
    max-width: 500px;
    }

.navbarContainer {
    height: 50px;
	margin-left: 0;
	margin-right: 0;
    position: fixed;
    top: 0;
    transition: top 0.3 ease;
    width: 95%;
    z-index: 10;
    }
	
.navLogo {
    max-width: 100px;
    }

.responsive-iframe {
    height: 100vh;
    width: 100%;
    }

.vidChangerButton {
    max-width: 100px;
    }