header{
	width: 100%;
	height: 15vh;
	background-color: #f4f9f8;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 10;
}

.headerList, .newList{
	width: 20%;
	text-align: center;
	text-decoration: none;
	color: black;
	transition-property: color;
	transition-duration: 0.5s;
	align-items: center;
	justify-content: space-around;
}

.newList, .hiddenTxt, .headerList{	
	font-size: 1.2rem;
	cursor: pointer;
}

.headerList:hover, .newList:hover{
	color: #2d7572;
}

.headerList:active, .newList:active{
	color: #76162e;
}

.introImg {
	width: 100%; 
	height: 100vh; 
	flex-wrap: wrap;
}

@media (min-width: 750px) {
    .O3{
        width: 100%; 
        min-height: 700px; 
        background-color: #126161; 
        color: white;
    }
	.headerList, .newList, .hiddenTxt {
		font-size: 1.3rem;
	}
}

@media (any-pointer: coarse) {
	header {
		height: 10vh;
	}
	.headerList, .newList, .hiddenTxt {
		font-size: 1.2rem;
	}
}