@media (min-width: 1080px) { 
header { 
position: fixed; 
display: block; 
background-image: linear-gradient(to right, #7d48f9, #fb3772); 
width: 100%; 
height: 70px; 
z-index: 99999999999; 
margin-left: 0%; 
margin-right: 0%; 
margin-top: 0px; 
margin-bottom: 0px; 
padding-left: 0px; 
padding-right: 0px; 
padding-top: 0px; 
padding-bottom: 0px; 
transition: all 1s ease; 
} 
header:hover { 
display: block; 
background-image: linear-gradient(to right, #7d48f9, #fb3772); 
width: 100%; 
height: 70px; 
z-index: 99999999999; 
} 
footer { 
position: relative; 
display: block; 
background-image: linear-gradient(to right, #7d48f9, #fb3772); 
width: 100%; 
height: 300px; 
z-index: 99999999999; 
margin-left: 0%; 
margin-right: 0%; 
margin-top: 0px; 
margin-bottom: 0px; 
padding-left: 0px; 
padding-right: 0px; 
padding-top: 0px; 
padding-bottom: 0px; 
transition: all 1s ease; 
} 
footer:hover { 
display: block; 
background-image: linear-gradient(to right, #37c8ab, #000000); 
width: 100%; 
height: 300px; 
z-index: 99999999999; 
} 
} 
@media (max-width: 1079px) { 
header { 
position: sticky; 
display: none; 
background: #000000; 
width: %; 
height: px; 
z-index: ; 
margin-left: 0%; 
margin-right: 0%; 
margin-top: 0px; 
margin-bottom: 0px; 
padding-left: 0px; 
padding-right: 0px; 
padding-top: 0px; 
padding-bottom: 0px; 
transition: all 1s ease; 
} 
header:hover { 
display: none; 
background: #000000; 
width: %; 
height: px; 
z-index: ; 
} 
footer { 
position: sticky; 
display: none; 
background: #000000; 
width: %; 
height: px; 
z-index: ; 
margin-left: 0%; 
margin-right: 0%; 
margin-top: 0px; 
margin-bottom: 0px; 
padding-left: 0px; 
padding-right: 0px; 
padding-top: 0px; 
padding-bottom: 0px; 
transition: all 1s ease; 
} 
footer:hover { 
display: none; 
background: #000000; 
width: %; 
height: px; 
z-index: ; 
} 
}