/*  MAKE LAYOUT RESPONSIVE at 1024px FOR SMALLER SCREENS ================================================================ */

.w80percent {
   width: 93.75%;
}

.socialbar {
	background: #444444;
}

header {
   width: 93.75%; /* 960px / 1024px */
}

#header-inv {
   width: 93.75%; /* 960px / 1024px */
}

.header-ilm {
   width: 93.75%; /* 960px / 1024px */
}

.headerlogo {
   width: 23%;
}

.logo-ilm {
   max-width: 944px;
   height: 629px;
}

.headtitle {
   width: 77%;
}

.headtitle-text {
   font-size: 3.5em;
}

.headtitle-inv-text {
   font-size: 1.3em;
   line-height: 1.3em;
}

.headtitle-inv-text2 {
   font-size: 1.1em;
   line-height: 1.1em;
}

.home-frame-text {
   font-size: 2.3em;
}

#maincontent{
   width: 93.75%; /* 960px / 1024px */
}
		
.fblogin-button {
   width: 60%;
}

.fbshare-button {
   width: 40%;
}

.image-wrapper {
	padding-bottom: 75%; /* 16:9 */
	height: 75%;
   width: 75%;
}

footer {
   width: 93.75%; /* 960px / 1024px */
}

#smallprint {
   width: 93.75%; /* 1000px / 1250px */
}