/* top navigation */

.topnav {
    background-color: #154481;
    overflow: hidden;
    font-family: arial, verdana, helvetica, sans-serif, geneva;
	padding-top:1px;
}


/* navigation bar */

.topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 12px;
    border-right: 1px solid #B4C1E9;
}


/* Hides topnav icon */

.topnav .icon {
    display: none;
}

/* Dropdown container */

.dropdown {
    float: left;
    overflow: hidden;
}

i.fa.fa-caret-down {
    display: none;
}


/* dropdown button  */

.dropdown .dropbtn {
    font-size: 12px;
    border: none;
    outline: none;
    color: white;
    padding: 15px 16px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
}


/* dropdown content (hidden by default) */

.dropdown_content1 a:hover,
.dropdown_content2 a:hover,
.dropdown_content3 a:hover,
.dropdown_content4 a:hover,
.dropdown_content5 a:hover,
.dropdown_content6 a:hover {
    background-color: #154481;
}
.dropdown_content1,
.dropdown_content2,
.dropdown_content3,
.dropdown_content4,
.dropdown_content5,
.dropdown_content6 {
    display: none;
	position: absolute;
    background-color: #F8FBFC;
    min-width: 185px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
}


/* links inside the dropdown */

.dropdown_content1 a,
.dropdown_content2 a,
.dropdown_content3 a,
.dropdown_content4 a,
.dropdown_content5 a,
.dropdown_content6 a {
    float: none;
    color: #000;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}


/* topnav links and the dropdown button on hover */


.dropdown:hover .dropbtn {
	background-color: #fff;
    color: #154481;
}


/* Shows the dropdown menu */

.dropdown:hover .dropdown_content1,
.dropdown:hover .dropdown_content2,
.dropdown:hover .dropdown_content3,
.dropdown:hover .dropdown_content4,
.dropdown:hover .dropdown_content5,
.dropdown:hover .dropdown_content6 {
    display: block;
}


/* dropdown links on hover */

.dropdown_content1 a:hover,
.dropdown_content2 a:hover,
.dropdown_content3 a:hover,
.dropdown_content4 a:hover,
.dropdown_content5 a:hover,
.dropdown_content6 a:hover {
    background-color: #e1e6ec;
    color: black;
}

/* screen is less than 600 pixels wide */

@media screen and (max-width: 600px) {
    .topnav a:not(:first-child),
    .dropdown .dropbtn {
        display: none;
    }
    .topnav a.icon {
        float: right;
        display: block;
		color:#154481;
    }

	i.fa.fa-bars {
		color: #fff;
	}
    i.fa.fa-caret-down {
        display: inline-block;
		margin-left: 5px;
    }
	.dropdown_content1,
	.dropdown_content2,
	.dropdown_content3,
	.dropdown_content4,
	.dropdown_content5,
	.dropdown_content6 {
		display: none;
		position: relative;
		background-color: #B8D2F4;
		min-width: 185px;
		box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
		z-index: 1;

	}
}


/* The "responsive" class is added to the topnav with JavaScript */

@media screen and (max-width: 600px) {
	.topnav{
		overflow:visible;
	}
    .topnav.responsive {
        position: relative;
    }
    .topnav.responsive a.icon {
        position: absolute;
        right: 0;
        top: 0;
    }
    .topnav.responsive a {
        float: none;
        display: block;
        text-align: left;
    }
    .topnav.responsive .dropdown {
        float: none;
    }			
    .topnav.responsive .dropdown .dropbtn {
        display: block;
        width: 100%;
        text-align: left;
    }
}