#contentNav {
	background:#002e51;
	box-sizing:border-box;
	color:white;
	height:50px;
	font-size:22px;
	font-weight:bold;
	line-height:50px;
    min-width:1040px;
	padding:0 20px 0 20px;
	width:100%;
}

#contentNav ul {
	display:block;
	list-style-type:none;
	margin:auto;
	padding:0;
    max-width:980px;
}

#contentNav li {
	display:inline-block;
}

#contentNav a {
	box-sizing:border-box;
	color:white;
	display:inline-block;
	padding:0 7px 0 7px;
	text-align:center;
	text-decoration:none;
}

#contentNav a:hover {
	background:white;
	border-bottom:4px solid #be441b;
	color:#d44c1e;
	height:50px;
}

#contentNav a.active {
	background:white;
	border-bottom:4px solid #be441b;
	color:#d44c1e !important;
	height:50px;
}

#contentNav ul li ul {
    background:#002e51;
    display:none;
    position:absolute;
    z-index:100;
}

#pypMenu {
    display:none;
}
    
@media screen and (max-width : 480px) {
        #pypMenu {
        background: #d44c1e;
        background-image: url('hamburger.png');
        background-size: cover;
        color: #fff;
        display: block;
        height: 40px;
        left: 10px;
        position: absolute;
        top: 10px;
        width: 40px;
    }

    #contentNav {
        border-radius: 0;
        box-shadow: 7px 8px 16px 0px rgba(0, 0, 0, 0.49);
        color: white;
        display: none;
        font: normal 20px/45px Helvetica, sans-serif;
        height: 85%;
        left: 0px;
        line-height: 50px;
        margin-bottom: 0px;
        min-width: 250px;
        padding: 0;
        position: absolute;
        top: 50px;
        width: 50%;
        z-index: 200;
    }

    #contentNav ul {
        display: block;
        list-style-type: none;
        margin: 0;
        padding: 0;
        width: auto;
    }

    #contentNav li {
        border-top: 1px solid rgb(33, 73, 104);
        display: block;
    }

    #contentNav a {
        color: white;
        display: block;
        text-align: left;
        text-decoration: none;
        text-indent: 15px;
        padding: 0;
    }

    #contentNav a:hover {
        background: white;
        border-bottom: 0;
        color: #d44c1e;
    }

    #contentNav ul li ul {
        display: inline-block;
        width: 100%;
        background: #002e51;
    }
}

@media (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {
    #pypMenu {
        background-image: url('hamburger@2x.png');
    }
}

@media (min-resolution: 3dppx), (-webkit-min-device-pixel-ratio: 3) {
    #pypMenu {
        background-image: url('hamburger@3x.png');
    }
}