/* Desktops */
@media screen and (min-width: 1241px){
/*DO THIS*/
#topmenutablet {display: none;}
#topmenumobile {display: none;}
#topmenuicon {display: none;}
#topmenu {
	position:absolute;
	top: 0px;
	left:0%;
	width:100%;
	height: 13vw;
	background-color: #f2c14a;
	z-index: 110;
	border-color: #202c53;
	border-style: solid;
	border-width: 0px 0px 3vw 0px;
}
#toplogo {
	position:absolute;
	top: 0.5vw;
	left: 10%;
	width: 23%;
	height: 12vw;
	background-image:url("../images/logo.png");
	background-size:100% 100%;
	background-repeat: no-repeat;
	background-position: center top;
	z-index: 112;
	/*border: 1px solid #ff0000;*/
}
#topimage {
	position: absolute;
	top: 0.5vw;
	left: 34%;
	width: 57%;
	height: 12vw;
	background-image: url("../images/banner.jpg");
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center top;
	z-index: 112;
	/*border: 1px solid #ff0000;*/
}

/*Menu*/
#topbox1 {
	position:absolute;
	top: 13.2vw;
	left:20%;
	width:7%;
	height: 2.63vw;
	z-index: 114;
    text-align: center;
    padding-top:0.5vw;
    display: initial;
    /*border: 1px solid #ff0000;*/
}
#topbox2 {
	position:absolute;
	top: 13.2vw;
	left:36%;
	width:10%;
	height: 2.63vw;
	z-index: 114;
    text-align: center;
    padding-top:0.5vw;
    display: initial;
    /*border: 1px solid #ff0000;*/
}
#topbox3 {
	position:absolute;
	top: 13.2vw;
	left:46%;
	width:9%;
	height: 2.63vw;
	z-index: 114;
    text-align: center;
    padding-top:0.5vw;
    display: initial;
    /*border: 1px solid #ff0000;*/
}
#topbox4 {
	position:absolute;
	top: 13.2vw;
	left:54%;
	width:9%;
	height: 2.63vw;
	z-index: 114;
    text-align: center;
    padding-top:0.5vw;
    display: initial;
    /*border: 1px solid #ff0000;*/
}
#topbox5 {
	position:absolute;
	top: 13.2vw;
	left:72%;
	width:9%;
	height: 2.63vw;
	z-index: 114;
    text-align: center;
    padding-top:0.5vw;
    display: initial;
    /*border: 1px solid #ff0000;*/
}

a.topbox1:link {
	color: #ffffff;
	font-size: 1.5vw;
	font-family: Arial;
	text-decoration: none;
}
a.topbox1:visited {
	color: #ffffff;
	font-size: 1.5vw;
	font-family: Arial;
	text-decoration: none;
}
a.topbox1:hover {
	color:#f2c14a;
	font-size: 1.5vw;
	font-family: Arial;
	text-decoration: none;
}
a.topbox1:active {
	color: #ffffff;
	font-size: 1.5vw;
	font-family: Arial;
	text-decoration: none;
}
/*End Menu*/
}
/* END Desktops */

/* Mobile landcape and Tablets */
@media screen and (min-width: 601px) and (max-width: 1240px){
/*DO THIS*/
#topmenu {display: none;}
#topmenumobile {display: none;}
#topmenuicon {display: none;}
#topmenutablet {
	position:absolute;
	top: 0px;
	left:0%;
	width:100%;
	height: 13vw;
	background-color: #f2c14a;
	z-index: 110;
	border-color: #202c53;
	border-style: solid;
	border-width: 0px 0px 3.5vw 0px;
}
#toplogo {
	position:absolute;
	top: 0.5vw;
	left: 2%;
	width:23%;
	height: 12vw;
	background-image: url("../images/logo.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center top;
	z-index: 112;
	/*border: 1px solid #ff0000;*/
}
#topimage {
	position: absolute;
	top: 0.5vw;
	left: 26%;
	width: 73.2%;
	height: 12vw;
	background-image: url("../images/banner.jpg");
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center top;
	z-index: 112;
	/*border: 1px solid #ff0000;*/
}
/*Menu*/
#topbox1 {
	position:absolute;
	top: 13.2vw;
	left:15%;
	width:7%;
	height: 2.63vw;
	z-index: 114;
    text-align: center;
    padding-top:0.5vw;
    display: initial;
    /*border: 1px solid #ff0000;*/
}
#topbox2 {
	position:absolute;
	top: 13.2vw;
	left:32%;
	width:7.5%;
	height: 2.63vw;
	z-index: 114;
    text-align: center;
    padding-top:0.5vw;
    display: initial;
    /*border: 1px solid #ff0000;*/
}
#topbox3 {
	position:absolute;
	top: 13.2vw;
	left:43%;
	width:14%;
	height: 2.63vw;
	z-index: 114;
    text-align: center;
    padding-top:0.5vw;
    display: initial;
    /*border: 1px solid #ff0000;*/
}
#topbox4 {
	position:absolute;
	top: 13.2vw;
	left:54%;
	width:10%;
	height: 2.63vw;
	z-index: 114;
    text-align: center;
    padding-top:0.5vw;
    display: initial;
    /*border: 1px solid #ff0000;*/
}
#topbox5 {
	position:absolute;
	top: 13.2vw;
	left:73.5%;
	width:11%;
	height: 2.63vw;
	z-index: 114;
    text-align: center;
    padding-top:0.5vw;
    display: initial;
    /*border: 1px solid #ff0000;*/
}

a.topbox1:link {
	color: #ffffff;
	font-size: 1.9vw;
	font-family: Arial;
	text-decoration: none;
}
a.topbox1:visited {
	color: #ffffff;
	font-size: 1.9vw;
	font-family: Arial;
	text-decoration: none;
}
a.topbox1:hover {
	color:#f2c14a;
	font-size: 1.9vw;
	font-family: Arial;
	text-decoration: none;
}
a.topbox1:active {
	color: #ffffff;
	font-size: 1.9vw;
	font-family: Arial;
	text-decoration: none;
}
/*End Menu*/
}
/* END Mobile landcape and Tablets */

/* Mobile portrait */
@media screen and (max-width: 600px){
/*DO THIS*/
#topmenu {display: none;}
#topmenutablet {display: none;}
/*#topline {display: none;}*/
#topimage {display: none;}
#topmenumobile {
	position:absolute;
	top: 0px;
	left:0%;
	width:100%;
	height: 15vw;
	background-color: #f2c14a;
	z-index: 110;
	border-color: #202c53;
	border-style: solid;
	border-width: 0px 0px 2px 0px;
}
#toplogo {
	position:absolute;
	top: 1vw;
	left: 37%;
	width:30%;
	height: 14vw;
	background-image: url("../images/logo.png");
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center top;
	z-index: 112;
	/*border: 1px solid #ff0000;*/
}
.mobile li  {
display:list-item;
}
a.topnavigation:link {
	color: #ffffff;
	font-size: 14px;
	font-family: Arial;
	text-decoration: none;
}
a.topnavigation:visited {
	color: #ffffff;
	font-size: 14px;
	font-family: Arial;
	text-decoration: none;
}
a.topnavigation:hover {
	color: #202c53;
	font-size: 14px;
	font-family: Arial;
	text-decoration: none;
}
a.topnavigation:active {
	color: #ffffff;
	font-size: 14px;
	font-family: Arial;
	text-decoration: none;
}
ul {
	list-style:circle;
    padding-left:5px;
    color:#004A8F;
}
li {
display:inline;
margin:0 4px;
line-height:0.95;
}
.bullets li  {
	display:list-item;
}
#topmenuicon {
	position:absolute;
	top:3px;
	left: 0px;
    width: 105px;
    height: 30px;
	z-index:1500;
    /*border: 2px solid #ffffff;*/
}
.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-content {
	display: none;
	position: absolute;
	background-color:rgba(242, 193, 74, 0.9);
	min-width: 170px;
	box-shadow: 0px 6px 14px 0px rgba(0,0,0,0.3);
	padding: 12px 16px;
	text-decoration: none;
	z-index:1500;
}
.dropdown:hover .dropdown-content {
    display: block;
}
}/* END Mobile portrait */

/* All Screen Sizes */
/*DO THIS*/