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

#top {
    display: none;
}

#name {
    display: none;
}

#header {
    display: none;
}

#container {
    padding: 0;
    width: 96%;
    max-width: 96%;
}

#content {
    width: 100%;
    padding: 0px;
    margin-top: 0px !important;
    float: none !important;
}

.tableh1 {
    font-size: 19px;
    padding: 0 7px;
}

.thumbnail {
    max-width: 10vw;
    height: auto;
}


.maintable  {
	width: 100%;
}

a:link .image, a:visited .image, a:focus .image, a:active .image {
    margin: 0;
    max-width: 30% !important;
    height: auto;
}

#filmstrip {
    display: none !important;
}

.thumbnails {
    margin: 0;
    padding: 20px 0px;
    vertical-align: top;
}

#footer, .content {
    width: 90% !important;
}

}

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

#top {
    display: none;
}

#name {
    display: none;
}


#header {
    display: none;
}

#container {
    padding: 0;
    width: 96%;
    max-width: 96%;
}

#content {
    width: 100%;
    padding: 0px;
    margin-top: 0px !important;
    float: none !important;
}

.tableh1 {
    font-size: 19px;
    padding: 0 7px;
}

.thumbnail {
    max-width: 10vw;
    height: auto;
}


.maintable  {
	width: 100%;
}

a:link .image, a:visited .image, a:focus .image, a:active .image {
    margin: 0;
    max-width: 30% !important;
    height: auto;
}

#filmstrip {
    display: none !important;
}

.thumbnails {
    margin: 0;
    padding: 20px 0px;
    vertical-align: top;
}

#footer, .content {
    width: 90% !important;
}

}