@media screen and (max-width: 768px) {
body, header, footer, .content {
padding: 10px;
font-size: 14px; 
}

.video-container {
width: 50%; 
height: auto; 
}

#topnav, #bottomnav {
display: block; 
margin: 0;
padding: 0;
font-size: 80%;
}

#topnav a, #bottomnav li a {
width: auto; 
padding: 5px; 
text-align: center; 
}

.intro, .pagelinks a {
width: 100%; 
padding: 5px; 
text-align: justify; 
}

ul.pagelinks {padding-left: 0;}}

@media screen and (max-width: 480px) {

header h1, .intro h1 {
font-size: 18px; }

#topnav a:hover, .pagelinks a:hover {
background-color: transparent; 
}

#contacts p {
font-size: 12px;}}