.dropdown {
	padding: 15px 10px 10px 10px;
}

@media (min-width:320px) {
	/* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
	.dropdown-content {
		display: block;
		min-width: 160px;
		margin-top: 10px;
	}

		.dropdown-content a {
			font-size: 13px;
			color: #FFFFFF;
			padding-right: 10px;
			padding-left: 10px;
			padding-bottom: 10px;
			padding-top: 10px;
			text-decoration: none;
			text-transform: uppercase;
			display: inline-block;
		}
}

@media (min-width:1001px) {
	/* big landscape tablets, laptops, and desktops */
	.dropdown-content {
		display: none;
		position: absolute;
		background-color: #05245d;
		min-width: 160px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		z-index: 9988;
	}

		.dropdown-content a {
			color: #FFFFFF;
			text-decoration: none;
			display: block !important;
			min-width: 160px;
			text-transform: uppercase;
		}

			.dropdown-content a:hover {
				color: #d0d0d0;
			}

	.dropdown:hover .dropdown-content {
		display: block;
	}
}