html {
	max-width:100%;
	overflow-x:hidden;
}

@font-face {
    font-family: Aviators;
    src: url(fonts/B612-Regular.ttf);
}

@font-face {
	font-family: Aviators_LED;
	src: url(fonts/LEDCalculator.ttf);
}

body{
	height: 100%;
	font-family:Aviators; 
	position:relative;
	max-width:100%;
	margin:0;
}

footer {
	display:block;
	clear:both;
	background-color:#565656;
	color:white;
	position:relative;
	height:auto;
	margin-top:5vh;
	bottom:0;
}

.footer-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: Aviators;
    font-size: 1vw;
    color: white;
    border-top: medium #b5b313 solid;
	margin:0 auto 0 auto;
    padding: 0 0 1.5% 0; /* Add padding for better aesthetics */
	height:14vh;
}

.logo {
    display: flex;
    align-items: center;
}

.logo-image {
    width: 10vh; /* Adjust the size as needed */
    height: auto; /* Maintain aspect ratio */
    margin-right: 35%; /* Add spacing between logo and company name */
	margin-left:15%;
}

.spec_image_container {
    display:flex;
    align-items:center;
    width:100%;
    
}

.spec_image {
    width:50%;
    align-items:center;
    margin-left:auto;
    margin-right:auto;
}

.company-name {
    font-size: 3vh; /* Adjust font size as needed */
	padding:none;
}

.separator {
    width: 2px;
    height: 13vh; /* Adjust the height as needed */
    background-color: #b5b313;
    margin: 0; /* Adjust spacing on either side of the separator */
	margin-top:2vh;
}

.bottom-nav {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
	text-align:right;
}

.copyright {
    width: 100%;
    margin-top: 1vh;
    text-align: center;
}

.mini-nav {
    display: flex;
	width:100%;
	float:right;
	border-bottom: medium #b5b313 solid;

}

.mini-nav a {
    color: white;
    text-decoration: none;
    margin-right: 15px; /* Adjust spacing between nav items */
}

.nav-container {
	background:white; 
	border-bottom:medium black solid;
	display: flex;
    justify-content: center; /* Center the items horizontally */
}

.bannertitle {
    width:fit-content; 
    text-align:center; 
    margin:auto; 
    font-family: 'Aviators_LED'; 
    font-size:10vh; 
    color:white; 
    background:rgb(86, 86, 86, 0.75); 
    height:fit-content; 
    padding:0.5vh 0.5vw 0.5vh 0.5vw 
}




ul {
	list-style-type:none;
	margin-left:0;
	padding:0;
	overflow:hidden;
	width:100%;
	display:flex;
	justify-content:center;
}

li {
	font-family:Aviators;
	font-size:1.5vw;
    display:inline-block;
    text-align:center;
	margin: 0 0.5vw 0 0.5vw;
	width:fit-content;
}

.genlink {
    text-decoration: none;
    padding:0.2vw 1vw 1vw 0;
    width:fit-content;

}

.genlink:hover {
    color: #b5b313;
    background: #565656;
    cursor: pointer;
    transition-duration: 0.5s;
}

.pglink {
    text-decoration: none;
    width:fit-content;
    color:black;

}

.pglink:hover {
    color: #b5b313;
    background: #565656;
    cursor: pointer;
    transition-duration: 0.5s;
}

.navlink {
    color: black;
  	background-image: linear-gradient(#565656 0 0);
  	background-size: 200% .08em;
  	background-position: 200% 100%;
 	background-repeat: no-repeat;
  	transition: background-size .3s, background-position .3s .3s;
    width:15vw;
    text-decoration: none;
    padding:0 1.5vw 0 1.5vw;
    border:none;
    text-align:center;
}


.navlink:hover {
    color: #b5b313;
  	transition: background-size .3s .3s, background-position .3s, color 1.0s;
  	background-size: 200% 100%;
  	background-position: 100% 100%;
    cursor: pointer;
    padding:0 1.5vw 0 1.5vw;

}

.navlink.active {
    background: #565656;
    color: #b5b313;

}

.navlink-hidden {
	display:none;
}

@media screen and (max-width: 1400px) {
    .navlink {
        color: black;
        width:15vw;
        text-decoration: none;
        padding:0.1vw 2.5vw 0.1vw 2.5vw;
        border:none;
        border-radius:10px;
        text-align:center;
    }

    .navlink:hover {
        color: #b5b313;
        background: #565656;
        cursor: pointer;
        transition-duration: 0.5s;
        padding:0.1vw 2.5vw 0.1vw 2.5vw;
    }

    .navlink.active {
        background: #565656;
        color: #b5b313;
    }

    .navlink-hidden {
    	display:none;
    }
}

.title-container {
	border-bottom: thick black solid;
	font-size:10vh;
	width:100%;
	font-family:Aviators;
}

.title {
	background-color:#565656;
	color:white;
	width:fit-content;
	margin:auto;
	margin-top:1vh;
	padding: 0 1% 0 1%;
	font-size:3vw;
	border: medium #b5b313 solid;
}

.sub-title {
	text-align:center; 
	width:50%; 
	color:white; 
	margin-left:auto; 
	margin-right:auto; 
	background:#565656;
	padding-bottom:5px; 
	border-bottom: medium #b5b313 solid;
	font-size:2vw;
	font-family:Aviators;
}

.error-message {
	text-align:center; 
	width:50%; 
	color:white; 
	margin-left:auto; 
	margin-right:auto; 
	background:#565656;
	padding-bottom:5px; 
	border: medium #ff0000 solid;
	font-size:2vw;
	font-family:Aviators;
}


.staff-title-container {
	border-bottom: thick black solid;
	font-size:10vh;
	width:100%;
	background-color:#565656;
	font-family:Aviators_LED;
}

.staff-title {
	color:white;
	width:fit-content;
	margin:auto;
	margin-top:0.2vh;
	padding: 0 1% 0 1%;
	font-size:10vh;
}

.staff-sub-title {
	text-align:center; 
	width:50%; 
	color:black; 
	margin-left:auto; 
	margin-right:auto; 
	padding-bottom:5px; 
	border-bottom: medium #b5b313 solid;
	font-size:2vw;
	font-family:Aviators;
}

.staff-notice-flex-container {
    display: flex;
	flex-flow:row wrap;
	text-align:center;
	justify-content:center;
}

.staff-notice-container {
    border: medium #565656 solid;
	width:25%;
	height:60vh;
    margin: 0 1vw 1vh 1vw;
	text-align:left;
	padding: 0.5vh 1vw 0.5vh 1vw;
}

.staff-notice-title {
	text-align:left; 
	width:fit-content; 
	color:white; 
	margin-left:auto; 
	margin-right:auto;
	margin-bottom:0; 
	background:#565656;
	border-bottom: medium #b5b313 solid;
	font-size:2vw;
	font-family:Aviators;
}

.staff-notice-new-post-overlay {
	position:fixed;
	display:none;
	width:100%;
	height:100%;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.75);
	z-index: 2;
}

.staff-notice-sub-title {
	text-align:center; 
	width:100%; 
	color:black; 
	margin-left:auto; 
	margin-right:auto; 
	border-bottom: medium #b5b313 solid;
	font-size:1.2vw;
	font-family:Aviators;
}

.staff-notice-date {
	width:100%;
	font-size:0.9vw;
	padding:0;
	margin:0;
}

.staff-notice-msg-container {
	width:100%;
	border: thin #565656 solid;
	text-align:center;
	overflow-y:auto;
	height:25vh;
}

.staff-notice-msg {
	margin:0 0 0.5vh 0;
	font-size:1.2vw;
	word-wrap:break-word;

}

.staff-noticeboard-new-sub-title {
	text-align:center; 
	width:fit-content; 
	color:white; 
	margin-left:auto; 
	margin-right:auto; 
	margin-top:3.5vh;
	border-bottom: medium #b5b313 solid;
	font-size:2vw;
	font-family:Aviators;
}


.staff-nav-container {
	background:white; 
	border-bottom:medium black solid;
	display: flex;
    justify-content: center;
}

.staff-user-update-note {
	width:100%;
	margin:1vh 0 1vh 0;
	font-size:1.2vw;
	text-align:center;
}

.staff-button-container {
    position: fixed;
    bottom: 0;
    left: 0;
    width: fit-content;
    background-color: none; /* Set your desired background color */
    padding: 10px;
    box-shadow: 0px -5px 10px rgba(0, 0, 0, 0.1); /* Add a subtle shadow */
    z-index: 1000; /* Ensure it appears above other elements */
}

.staff-sendbtn,
.staff-resetbtn {
    width: auto;
    margin: auto;    
	font-family: Aviators;
    font-size: 2vw;
    cursor: pointer;    
	transition-duration: 0.5s;
	border: medium #b5b313 solid;
}

.staff-sendbtn:hover, 
.staff-resetbtn:hover {
    background-color: #565656;
    color: #b5b313;
}

.staff-form {
	border: thin #565656 solid;
	width:fit-content;
	margin:auto;
}

.staff-inputbox {
    width: 100%;
    margin:auto;
    height: 5vh;
    border: medium #b5b313 solid;
    font-family: 'B612', Arial, Calibri;
    text-align: center;
    font-size: 1.5vw;

}

.staff-success-message {
	text-align:center; 
	width:50%; 
	color:white; 
	margin-left:auto; 
	margin-right:auto; 
	background:#565656;
	padding-bottom:5px; 
	border: medium green solid;
	font-size:2vw;
	font-family:Aviators;
}

.flex-container {
    display: flex;
	flex-wrap:wrap;
    justify-content: center;
	text-align:center;
}

.staff-form-container {
    border: thin #565656 solid;
    width: 80%;
    margin: 0 auto 20px;
}

.user-management-form-container {
    border: medium #565656 solid;
    width: fit-content;
    margin: 0 1vw 1vh 1vw;
	text-align:center;
	padding: 0.5vh 1vw 0.5vh 1vw;
}


.staff-user-inputbox {
    width: fit-content;
    margin: auto;
    height: 5vh;
    border: medium #565656 solid;
    font-family: 'B612', Arial, Calibri;
    text-align: center;
    font-size: 1.5vw;
}

.staff-user-sub-title {
    text-align: center;
    width: 100%;
    color: black;
    margin: 0;
    border-bottom: medium #b5b313 solid;
    font-size: 2vw;
    font-family: Aviators;
}

.tab-container {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.tab {
    cursor: pointer;
    padding: 10px;
	margin: 0 1% 0 1%;
	font-family: Aviators;
	font-size: 1.5vw;
    background-color: #eee;
    border: medium solid #b5b313;
    border-radius: 5px 5px 0 0;
}

.tab.active {
    background-color: #565656;
    border: medium solid #b5b313;
	color: #b5b313;
}

.form-container {
	margin:auto;
	width:100%;
}

.form-container-profile{
	display:none;
}

.success-message {
	text-align:center; 
	width:50%; 
	color:white; 
	margin-left:auto; 
	margin-right:auto; 
	background:#565656;
	padding-bottom:5px; 
	border-bottom: medium #b5b313 solid;
	font-size:2vw;
	font-family:Aviators;
}

.success-message:empty {
    display:none;
}

.content-container {
	font-family: Aviators; 
	font-size:2vw; 
	text-align:center; 
	width:100%;
	
}

.content {
	font-family: Aviators; 
	text-align:center; 
	width:fit-content;
	margin:auto; 
	display:flex;
	font-size:2vw;
	margin-top:1vh;
}

.privacy-heading {
	font-family: Aviators; 
	text-align:left; 
	width:fit-content;
	border-bottom:medium black solid;
	margin-left:1%; 
	display:flex;
	font-size:4vh;
	margin-top:1vh;
}

.privacy-content {
	font-family: Aviators; 
	font-size:2.5vh; 
	text-align:left; 
	width:100%;
	padding-top:1vh;
	padding-left:1%;
	margin-bottom:3vh;
	border-bottom:medium #b5b313 dashed;
}

.video-container {
	width:100%;
	justify-content:center;
}

.video {
	width:50vw; 
	margin-left:25vw;;
}

@keyframes fadeInAnimation {
	0% {
	opacity: 0;
	}

	100% {
	opacity: 1;
	}
}

.biobox {
	position:relative;
	height:110vh;
}

.biobar{
	margin-left:auto; 
	margin-right:auto;
	width:100%;
	height:fit-content;
	text-align:center; 
	display:inline-block;
	background-color:#565656;
	border-bottom:thick #b5b313 solid;
}

.biobtn {
	font-family:Aviators;
	border:none;
	font-size:1vw;
	cursor:pointer;
	text-align:center;
	transition-duration: 0.5s;
	display:inline-block; 
	padding:1vw;
	padding-left:1.2vw;
	padding-right:1.2vw; 
	width:12vw; 
	height:fit-content; 
	color:white;
	background:none;
	margin-left:0.5vw;
	margin-right:0.5vw;
	clip-path: polygon(25% 0%, 100% 0%, 78% 100%, 0% 100%);
	-webkit-clip-path: polygon(25% 0%, 100% 0%, 78% 100%, 0% 100%);
}

.biobtn:hover {
	background-color: #b5b313;
	color:black;
}

.biobtn.active {
	background-color: #b5b313;
	color:black;
}

.bio-container {
	display:none;
	position: absolute;
    top: 0; /* Position below the navigation bar */
    left: 0;
    width: 100%;
    padding: 1rem;
    box-sizing: border-box;	
	border:medium #b5b313 solid;
	border-top:none;
	margin-top:3.8%;
}

#whoweare {
	display:block;
}

.bioline-whoweare {
	width:100%;
	flex-direction:row;
}

.bio-sub-title-whoweare {
	text-align:center;
	width:fit-content; 
	color:white; 
	margin-left:auto; 
	margin-right:auto; 
	background:#565656;
	padding:1%; 
	border-bottom: medium #b5b313 solid;
	font-size:1.2vw;
	font-family:Aviators;
}

.bio-content {
    font-family: Aviators;
	font-size:1.2vw;
    text-align: center;
    width: 100%;
    margin: auto;
	display:flex;
	padding-top:0vh;
}

.bio-personal-content {
    font-family: Aviators;
	font-size:1.2vw;
    text-align: left;
	float:left;
    width: 45%;
    margin: auto;
	padding-top: 3vh;
	display:flex;
	flex-direction:column;
	border-right: medium #b5b313 dashed;
}

.bio-sub-title-setup {
	width:100%; 
	color:white; 
	margin-left:auto; 
	margin-right:auto; 
	background:#565656;
	padding:1%;
	padding-top:none; 
	font-family:Aviators;
	text-align:center;
	font-size:1.2vw;
}

.bio-setup-content {
    font-family: Aviators;
	font-size:1.2vw;
    text-align: left;
	float:right;
    width: 55%;
    margin: auto;
	margin-left:0.5vw;
	padding-top:0.1vh;
	display:flex;
	flex-direction:column;
}

.bio-item-heading-setup {
	text-align:center;
	width:100%;
	padding:1%;
	padding-bottom:0;
	padding-top:0;
	float:left;
	font-family:Aviators;
	font-size:1vw;
	border-bottom: medium #b5b313 solid;
	border-top: medium #b5b313 solid;
	background:rgb(0,0,0, 0.75);
	color:white;
}

.bioline-setup {
	width:100%;
	flex-direction:row;
	margin-top:0.5vh;
	padding:0 1% 0 1%;
	background:rgb(0,0,0, 0.25);
	color:white;
}

.bioline-setup-alt {
	width:100%;
	flex-direction:row;
	margin-top:0.5vh;
	padding:0 1% 0 1%;
	background:rgb(0,0,0, 0.5);
	color:white; 
}

.bio-sub-heading-setup {
	text-align:right;
	width:22%;
	float:left;
	font-family:Aviators;
}

.bio-item-setup {
	text-align:center;
	width:68%;
	padding-left:2%;
	float:right;
	border-left:medium #b5b313 dashed; 
	font-family:Aviators;
}

.bioimg-container {
    display: flex;
    flex-direction: column;
    align-items: center;
	width:20%;
	text-align:center;
}

.bioimg {
	height:40vh;
	width:auto;
}

.biotitlecontainer {
	width:100%;
	margin-left:1%;
}

.biotitle {
    width:100%; 
    text-align:center; 
    margin:auto; 
    font-family: Aviators_LED; 
    font-size:8vh; 
    color:white; 
    background:#565656; 
    height:fit-content; 
    padding:0.1vh 0 0.5vh 0.5vw 
}

.biorole {
	text-align:center; 
	width:100%; 
	color:black; 
	margin:auto; 
    padding:0.5vh 0 0.5vh 0.5vw;
	font-size:2vw;
	font-family:Aviators;
	display:block;
	background:white;
	border-bottom: thick #b5b313 solid;
}

.bioline {
	width:100%;
	flex-direction:row;
	font-size:1.5vw;
}

.bioline-personal {
	width:100%;
	flex-direction:row;
	margin-bottom:1vh;
	font-size:1.5vw;
	margin-left:auto;
}

.bio-sub-title-2line {
	float:left; 
	width:35%; 
	height:7.1vh;
	color:white; 
	margin-left:0; 
	margin-right:auto; 
	background:#565656;
	padding:1%;
	padding-top:none; 
	border-bottom: medium #b5b313 solid;
	font-family:Aviators;
	text-align:right;
}

.bio-aboutme-container {
	width:100%;
	float:left;
	border:medium #b5b313 dotted;
	margin-top:2.5%;
	text-align:center;
}

.bio-aboutme {
	width:fit-content;
	margin-bottom:1vh;
	font-size:1.2vw;
	text-align:center;
}

.bio-sub-title-aboutme {
	text-align:center;
	width:100%; 
	color:white; 
	background:#565656;
	margin-top:0.5vh; 
	border-bottom: medium #b5b313 solid;
	font-family:Aviators;
}

.bio-contact-container {
	width:100%;
	float:left;
	border:medium #b5b313 dotted;
	margin-top:2.5%;
}

.bio-contact {
	width:100%;
	text-align:center;
	margin-bottom:1vh;
	margin-top:1vh;
	font-size:1.2vw;
	background:rgb(0,0,0, 0.5);
	color:white;
}

.bio-sub-title-contact {
	text-align:center;
	width:100%; 
	color:white; 
	background:#565656;
	margin-top:0.5vh; 
	border-bottom: medium #b5b313 solid;
	font-family:Aviators;
}

.bio-item-heading-contact {
	text-align:center;
	width:100%;
	padding-bottom:0;
	padding-top:0;
	float:left;
	font-size:1.5vw;
	font-family:Aviators;
	border-bottom: medium #b5b313 solid;
	background:white;
}

.bio-sub-title {
	float:left; 
	width:90%;
	margin-left:5%;
	margin-right:5%;
	color:white; 
	background:#565656;
	padding:0;
	padding-bottom:1%; 
	border-bottom: medium #b5b313 solid;
	font-family:Aviators;
	text-align:center;
}

.bio-info {
	text-align:center;
	width:100%;
	padding:0;
	padding-bottom:1%;
	font-family:Aviators;
}

.loginlogo {
	display:flex; 
	justify-content:center; 
	padding-bottom:0.5vh; 
	padding-top:2vh; 
	width:100vw;
}

.returnbtn {
	font-family:"B612", Arial, Calibri;
	border:none;
	font-size:1vw;
	cursor:pointer;
	transition-duration: 0.5s;
	width:auto;
	height:4vh;
	background-color: rgba(255,255,255, 0.5);
	border-radius:5px;
	float:left;
	padding: 0 1vw 0 1vw;
}

.returnbtn:hover {
	font-family:"B612", Arial, Calibri;
	font-size:1vw;
	cursor:pointer;
	transition-duration: 0.5s;
	width:auto;
	height:4vh;
	color:#b5b313;
	background-color:#565656;
	border-radius:5px;
	border:none;
	float:left;
	padding: 0 1vw 0 1vw;
}

.outline-logo {
	height:30vh;
}

.gallery-container {
    margin-bottom:1vh;
}

.thumbnail-container {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); /* Adjust column width as needed */
            gap: 10px; /* Adjust gap between thumbnails as needed */
            justify-content: center;
            border: medium #b5b313 solid;
            background:#565656;
			margin-top: 1vh;
			margin-bottom: 1vh;
			padding: 1vh 0 1vh 0;
}

.thumbnail {
            max-width: 100%;
            height: auto;
            cursor: pointer;
}

.thumbnail:hover {
	opacity:0.4;
}

.overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.7);
            z-index: 1;
            text-align: center;
            padding: 20px;
            box-sizing: border-box;
}

.overlay img {
            max-width: 80%;
            max-height: 80%;
            margin: auto;
            display: block;
            border: medium #b5b313 solid;
}

.overlay button {
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    font-size: 24px;
    color: white;
    cursor: pointer;
}

#exitButton {
    left: 42.5%;
    top:90%;
	width:15%;
    border: none;
	font-family:"B612", Arial, Calibri;
	font-size:3vw;
	cursor:pointer;
	transition-duration: 0.5s;
	background-color: rgba(255, 255, 255, 0.5);
    color:white;
    border-radius: 10px 10px 10px 10px;
}

#prevButton {
    left: 5%;
    border: none;
	font-family:"B612", Arial, Calibri;
	font-size:5vw;
	cursor:pointer;
	transition-duration: 0.5s;
	background-color: rgba(255, 255, 255, 0.5);
    color:white;
    border-radius: 10px 0px 0px 10px;
}

#prevButton:hover,#nextButton:hover,#exitButton:hover {
	background-color: #565656;
	color:#b5b313;
}

#nextButton {
    right: 5%;
    border: none;
	font-family:Aviators;
	font-size:5vw;
	cursor:pointer;
	transition-duration: 0.5s;
	background-color: rgba(255, 255, 255, 0.5);
    color:white;
    border-radius: 0px 10px 10px 0px;
}

.contact-form {
	width:50%; 
	margin-left:25%;
}

.login-form {
	width:50%;
	margin:auto;
	justify-content:center;
}

.staff-login-form {
	width:100%;
	margin:auto;
	text-align:center;
}

.inputbox {
    width: 100%;
    margin:auto;
    height: 5vh;
    border: medium #b5b313 solid;
    font-family: 'B612', Arial, Calibri;
    text-align: center;
    font-size: 1.5vw;

}

.inputbox:disabled {
	background-color: #565656;
}

.dropbox {
    width: 101%;
    margin:auto;
	margin-bottom:2vh;
    height: 5vh;
    border: medium #b5b313 solid;
    font-family: 'B612', Arial, Calibri;
    text-align: center;
    font-size: 1.5vw;
	justify-content:center;
}

.message {
    width: 100%;
    margin:auto;
    height: 40vh;
    border: medium #b5b313 solid;
    font-family: 'B612', Arial, Calibri;
    text-align: center;
    font-size: 1.5vw;
}

.button-container {
    display:flex;
    text-align:center;
    width:100%;
}

.formbtn {
    font-family: Aviators;
    font-size: 2vw;
    cursor: pointer;
    transition-duration: 0.5s;
    width: fit-content;
	margin: auto;
	border: medium #b5b313 solid;
}

.resetbtn {
    font-family: Aviators;
    font-size: 2vw;
    cursor: pointer;
    transition-duration: 0.5s;
    width: 40%;
	margin-right:7.5%;
	margin-left:2.5%;
    border: medium #b5b313 solid;
}

.sendbtn:hover, .resetbtn:hover, .formbtn:hover {
    background-color: #565656;
    color: #b5b313;
}

.g-recaptcha {
	display:none; 
	width:fit-content; 
	margin:auto; 
	padding:0.1vw; 
	border:medium #b5b313 solid;
}

.cookie-banner {
    display: none;
    position: fixed;
    bottom: 0; /* Updated to position it at the bottom */
    left: 0;
    width: 100%;
    background-color:#565656;
    color: white;
    text-align: center;
    font-family:Aviators;
	font-size:3vh;
    box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.2);
    border-top:medium #b5b313 solid;
    z-index:999;
}

#acceptCookies {
    background-color: white;
    color: #565656;
    padding: 0.5%;
    border:medium #b5b313 solid;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-family:Aviators;
    font-size: 2vh;
    cursor: pointer;
    border-radius: 3px;
}

#acceptCookies:hover {
    color: #b5b313;
    background: #565656;
    cursor: pointer;
    border: medium #b5b313 solid;
    border-radius: 3px;
    transition-duration: 0.5s;
}



/* Unused:
.news {
	display:flex;
	float:left;
	justify-content:left;
	font-size:35px;
	margin: 20px 0px 0px 15%;

}

.newsdynamic {
	display:flex;
	float:right;
	font-size:35px;
	margin: 20px 0 0 20%;
}
*/