* {
    font-family: Arial;
	font-size: 14px;
	line-height: 1.6;
}

body { margin: 0; }

.bigLink {
	font-size:30px;
	text-decoration: none;
	color: #bcdc5d;
	background:black;
	padding:10px;
	border-radius: 15px;
}

/* Dropdown Button */
.dropbtn {
	width: 100%;
    background-color: black;
    color: #bcdc5d;
    padding: 12px;
	border: none;
	cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
	float: left;
	width: 25%;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: black;
	width: 100%;
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: #bcdc5d;
    padding: 12px;
    text-decoration: none;
    display: block;
	border-color: #454545;
	border: none;
	border-bottom: 1px solid;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    color: #BA302B;
	border-left: 3px solid #BA302B;
	border-radius: 10px 0px 0px 0px;
}

/* Change the color of the dropdown button when the dropdown content is shown */
.dropdown-content a:hover {
    color: #ffffff;
	border-color: #454545;
	border: inset;
	border-left: 3px solid;
}

.submenu {
	width:100%;
	text-align: center;
}

.submenu span {
	width: 200px;
	display: inline-block;
	text-align: center;
	padding-top: 25px;
	padding-bottom: 10px;

}

.submenu a {
	text-decoration: none;
	color: black;
	padding-bottom: 4px;
	border-bottom: 2px solid #419AFB;
}

.submenu a:hover {
	background: #B6D94F;
}

.logo { width: 350px; padding-top: 20px; }

.content { width: 80%; text-align: left; }

@media screen and (max-width: 1025px) {
    .dropdown { display: none; width: 25%; }
}

@media screen and (min-width: 1026px) {
	.smallMenu { display: none;	}
}