/*------------------ Start of section to change nav bar contents based on screen size and page ------------------*/
@media screen {
        .dropnav {display:none;}
        .navv1, .navv2, .navv3, .navv4, .navv5 {display:none;}
}
@media screen and (max-width:426px) {
        .navh1 {display:none;}
        .navv1 {display:inline-block;}
}
@media screen and (max-width:626px) {
        .navh2 {display:none;}
        .navv2 {display:inline-block;}
}
@media screen and (max-width:826px) {
        .navh3 {display:none;}
        .navv3 {display:inline-block;}
}
@media screen and (max-width:1026px) {
        .navh4, .navh5 {display:none;}
        .dropnav {display:block;}
        .navv4, .navv5 {display:inline-block;}
}
/*------------------ End of section to change nav bar contents based on screen size and page -------------------*/