@media (max-width: 1024px) and (min-width: 1024px) {
    
#name {
    display: none;
}

#top {
    position: static !important;
}

#top .header {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    margin: 0;
    padding: 0;
}

#top .projects, .spotlight {
    margin: 10px;
    width: 26% !important;
    height: auto !important;
    max-height: 100%;
    display: block !important;
    clear: both !important;
    float: left !important;
}

#top .welcome, .affiliates {
    margin: 10px;
    width: 26% !important;
    height: auto !important;
    max-height: 100%;
    display: block !important;
    clear: both !important;
}

#spotlight {
    margin-bottom: 15px;
}
    
#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;
}


#quote {
    width: 80% !important;
    display: block !important;
    clear: both !important;
}

#bottom,
.side {
	width: 80% !important;
    display: block !important;
    clear: both !important;
}

.side {
	border-right: 0px;
}

.side img {
	width: auto;
}   

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


}

	
	
	
@media all and (max-width: 1023px) {
    
#name {
    display: none;
}

#top {
    position: static !important;
}

#top .header {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    margin: 0;
    padding: 0;
}

#top .projects, .spotlight {
    margin: 10px;
    width: 26% !important;
    height: auto !important;
    max-height: 100%;
    display: block !important;
    clear: both !important;
    float: left !important;
}

#top .welcome, .affiliates {
    margin: 10px;
    width: 26% !important;
    height: auto !important;
    max-height: 100%;
    display: block !important;
    clear: both !important;
}

#spotlight {
    margin-bottom: 15px;
}
    
#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;
}


#quote {
    width: 80% !important;
    display: block !important;
    clear: both !important;
}

#bottom,
.side {
	width: 80% !important;
    display: block !important;
    clear: both !important;
}

.side {
	border-right: 0px;
}

.side img {
	width: auto;
}   

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