@media (max-width: 1024px) and (min-width: 1024px) {
    
body {
    background: none;
}

#header {
    display: none;
}

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

#content {
    width: 100%;
    padding: 0px;
    margin-top: 20px !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;
}


#footer .title {
  background-size: 80%;
}

}

@media all and (max-width: 1023px) {

body {
    background: none;
}

#header {
    display: none;
}

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

#content {
    width: 100%;
    padding: 0px;
    margin-top: 20px !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;
}

#footer .title {
  background-size: 80%;
}

}