/*  MAKE LAYOUT RESPONSIVE at 768px FOR IPAD PORTRAIT ================================================================ */

.w80percent {
   width: 93.75%;
}

.col-flow-right{
   margin-top: 0;
}

.col-flow-left {
	margin-top: 1%;
}

.strikelangbar::after {
   border-bottom: 1px solid #121c23;
}

.strike5px::after {
   border-bottom: 3px solid #121c23;
	top: 57%;
}

.content-seperator {
   margin-left: 0px;
   margin-right: 5px;
}

.socialbar {
	display: none;
}

#headcontainer {
   margin-top: 32px;
   height: 235px; /* old 120 */
}

#headcontainer-inv {
   margin-top: 32px;
   height: 61px; /* old 120 */
}

header {
   width: 93.75%; /* 720px / 768px */
}

#header-inv {
   width: 93.75%; /* 720px / 768px */
}

.header-ilm {
   width: 93.75%; /* 720px / 768px */
}

bannercontainer {
   max-width: 720px; /* 1200px / 13 */
}

.headerbanner {
   max-width: 720px;
   max-height: 113px;
   height: 110px;
   }

.headerbanner1 {
   max-width: 720px;
   max-height: 113px;
   height: 110px;
   }

.banner {
   max-width: 720px;
   height: 110px;
}

.banner1 {
   max-width: 720px;
   height: 110px;
}

.headerlogo {
   width: 28%;
   min-width: 120px;
   height: 120px;
}

.headerlogo-inv {
   min-width: 350px;
   height: 61px;
}

.logo-ilm {
   max-width: 704px;
   height: 469px;
}

.headerdesktop {
   display: none;
}

.headermobile {
   position: relative;
   display: block;
}

.logo {
   background-image: url('/RUshared/images/realunreallogo.png');
   background-size: contain;
   background-repeat: no-repeat;
   height: 120px;
   max-width: 120px;
}

.logo-inv {
   background-image: url('/RUshared/images/simply-you-heb-logo.png');
   background-size: contain;
   background-repeat: no-repeat;
   max-width: 350px;
   height: 61px;
}

.headtitle {
   width: 72%;
   min-height: 120px;
}

.headtitle-inv {
   display: none;
}

.headtitle-text {
   font-size: 3.3em;
   line-height: 60px;
}

#maincontent{
   width: 93.75%; /* 720px / 768px */
	padding: 10px 0px;
}

.menu-frame {
   height: 32px;
}

.menu-frame-container {
   margin-top: 5px;
   margin-bottom: 10px;
}

.menu-frame-text {
   font-size: 1.25em;
}

.home-frame {
	height: 275px;
}

.home-frame-text {
	font-size: 1.8em;
	line-height: 1em;
   bottom:15px;
}

.home-frame-image-frame {
   top: 15px;
}

.home-frame-image {
   width: 120px;
}

#home-text-container {
   padding-top: 3px;
}

.home-text-title {
   font-size: 2.5em;
}

.home-text-subtitle {
   font-size: 1.5em;
}

.home-text {
   font-size: 1.2em;
}

.content-frame-title {
   font-size: 2.5em;
}

.content-frame-subtitle {
   font-size: 1.6em;
}

.content-frame-text {
   font-size: 1.3em;
}

.content-frame-image-frame {
   top: 20px;
}

.content-frame-image {
   width: 125px;
}

.content-frame-ilm-title {
	font-size: 1.5em;
}

.content-frame-ilm-title2 {
	font-size: 2em;
}

.content-frame-ilm-subtitle {
	font-size: 1.5em;
}

.content-frame-ilm-subtitle2 {
	font-size: 2em;
   font-weight: 800;
}

.content-button-ilm {
   width: 99%;
}

.content-text-field-short {
   width: 25%;
}

.content-button {
   width: 99%;
   font-size: 1.5em;
}

.fblogin-button {
   width: 75%;
}

.fbshare-button {
   width: 50%;
}

.share-button {
   width: 40px;
   margin-left: 0;
}

.video-wrapper-desktop {
   display: none;
}

.video-wrapper-mobile {
   display: block;
	position: relative;
   margin-top: 15px;
   margin-bottom: 15px;
	padding-bottom: 56.25%; /* 16:9 */
	height: 100%;
   width: 100%;
   overflow: hidden;
}

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

footer {
   width: 93.75%; /* 720px / 768px */
}

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