@media (max-width:480px)
{
header{
position: fixed;
top: 0px;
left: 0px;
right: 0px;
width: 100%;
height: 10%;
padding: 0px;
margin: 0px;
background-color: blue;
text-align: center;
}

button{
position: relative;
background-color: LightCyan;
height: 88%;
top: 6%;
border: 1px solid LightCyan;
border-radius: 5px;
font-weight: bold;
}

a.menup:link:visited{
color: black;
text-decoration: none;
}

button:active{
text-decoration: underline;
border: 3px solid red;
color: red;
}

a:link:visited{
color: black;
text-decoration: none;
}}


@media (max-width:768px) and (min-width:481px)
{
header{
position: fixed;
top: 0px;
left: 0px;
right: 0px;
width: 100%;
height: 10%;
padding: 0px;
margin: 0px;
background-color: blue;
text-align: center;
}

button{
position: relative;
background-color: LightCyan;
height: 88%;
top: 6%;
border: 1px solid LightCyan;
border-radius: 8px;
font-weight: bold;
}

a.menup:link:visited{
color: black;
text-decoration: none;
}

button:active{
text-decoration: underline;
border: 3px solid red;
color: red;
}

a:link:visited{
color: black;
text-decoration: none;
}
}


@media (max-width:2500px) and (min-width:769px)
{
header{
position: fixed;
top: 0px;
left: 0px;
right: 0px;
width: 100%;
height: 5%;
padding: 0px;
margin: 0px;
background-color: blue;
text-align: center;
}

button{
position: relative;
background-color: LightCyan;
height: 88%;
top: 6%;
border: 1px solid LightCyan;
border-radius: 10px;
font-weight: bold;
}

a.menup:link:visited{
color: black;
text-decoration: none;
}

button:active{
text-decoration: underline;
border: 4px solid red;
color: red;
}

a:link:visited{
color: black;
text-decoration: none;
}
}