/* Style the navigation menu */

@media (min-width: 0px) and (max-width: 800px){
.topnav {
/*overflow: hidden;*/
/*background-color: white;*/
position: relative;
height:100px;
}}

@media (min-width: 800px) and (max-width: 2500px){
.topnav {
display:none;
}}


@media (min-width: 0px) and (max-width: 1000px){
/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
display: none;
/*display: block;*/
height: 275px;
background-color: #0a3596;
width: 50%;
position: absolute;
right: 75px;
top: 65px;
z-index: 1;
opacity: 72%;
}}


@media (min-width: 1000px) and (max-width: 3500px){
/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
display: none;

}}









/* Style navigation menu links */
.topnav a {
color: white;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
display: block;
}

/* Style the hamburger menu */
.topnav a.icon {
/*background: black;*/
display: block;
position: absolute;
right: 0;
top: 0;
}

/* Add a grey background color on mouse-over */
.topnav a:hover {
background-color: #ddd;
color: black;
}

/* Style the active link (or home/logo) */
.active {
background-color: #04AA6D;
color: white;

}

.mobileLogo01{
width:150px;
height:150px;
}








/*CPU MENU RIGHT*/



.dropdown {
float: left;
overflow: hidden;
display: flex;
margin: auto;
}

.dropdown .dropbtn {
border: none;
outline: none;
color: red;
padding: 14px 16px;
background-color: inherit;
margin: 0;
font-size: 24px;
font-family: 'proximanova-regular.otf';
}

.navbar a:hover, .dropdown:hover .dropbtn {
background-color: red;
}

.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}

.dropdown-content a {
float: none;
color: red;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
font-size: 24px;
font-family: 'proximanova-regular.otf';
}

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

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



/*Video Header CSS*/
@media (min-width: 0px) and (max-width: 800px){
#vidDiv02{
height: 300px;
width:100%;
display: grid;
/*padding: 15px 0 0 0;*/
/*background-color: #0a3595;*/

}}


@media (min-width: 800px) and (max-width: 3500px){
#vidDiv02{
width: 100%;
height: 500px;
display: grid;
padding: 25px 0 15px 0;
/*background-color: #0a3595;*/
}}




/*Video Header CSS*/
@media (min-width: 0px) and (max-width: 800px){
#vid01{
width:100%;
/*height:600px;*/
}}


@media (min-width: 800px) and (max-width: 3500px){
#vid01{
width:100%;
}}


/*Video Header CSS*/