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

.w80percent {
   width: 93.75%;
}

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

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

.video-wrapper {
	margin-left: 0px;
	margin-right: 0px;
}

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

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

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

ul.countdown {
   margin:  auto;
   margin-top: 235px;
}

ul.countdown li span {
   font-size: 50px;
   line-height: 50px;
}

ul.countdown li.seperator {
   font-size: 50px;
   line-height: 45px;
}

ul.countdown li p {
   font-size: 10px;
   margin-top: -7px;
}

.socialbar {
	display: none;
}

#headcontainer {
   margin-top: 32px;
   height: 290px; /* old 175px */
}

header {
   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: 40%;
   height: 175px;
}

.logo {
   background-image: url('/shared/images/logo-square.png');
   background-size: contain;
   background-repeat: no-repeat;
   height: 175px;
}

.menubar {
   width: 60%;
   min-height: 175px;
	font-size: 1em;
}

#navbar {
   line-height: 50px;
}


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

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

.home-title-container {
   height: 300px;
}

.home-title-frame-image {
	width:704px;
   max-width: 704px;
   background-image: url('/shared/images/home-title-frame-704px.png');
}

.home-title-frame-text {
	left:30px;
	top:22px;
	font-size: 70px;
	line-height: 65px;
}

.home-title-frame-overlay {
	left:0px;
   right: auto;
	top:250px;
	width:100%;
	height:50px;
}

.home-title-frame-overlay-text-br {
   display: none;
}

.home-title-frame-overlay-text-nobr {
   display: block;
	left:30px;
}

.home-title-frame-overlay-button {
	left:30px;
   right: auto;
	top:263px;
}

.home-title-frame-overlay-button-text {
	left:41px;
   right: auto;
	top:264px;
}

.home-sub-frame-tedx {
   background-image: url('/shared/images/tedtalk-thumbnail-20150525-768px.png' );
}

.home-sub-frame-text {
	left:10%;
	font-size: 40px;
	line-height: 40px;
}

.home-about-text {
   font-size: 0.95em;
}

.content-menu-item {
   float: left;
   padding: 0;
   width: 19.8%;
   margin-right: 0.2%;
   text-align: center;
}

.content-menu-item-6 {
   float: left;
   padding: 0;
   width: 16.46%;
   margin-right: 0.2%;
   text-align: center;
}

.content-menu-item-4 {
   float: left;
   padding: 0;
   width: 24.80%;
   margin-right: 0.2%;
   text-align: center;
}

.content-menu-item-3 {
   float: left;
   padding: 0;
   width: 33.11%;
   margin-right: 0.2%;
   text-align: center;
}

.content-menu-item-2 {
   float: left;
   padding: 0;
   width: 49.80%;
   margin-right: 0.2%;
   text-align: center;
}

.content-menu-item-last {
   float: left;
   padding: 0;
   width: 19.84%;
   margin-right: 0;
   text-align: center;
}

.npo-content-title-container {
	height: 165px;
}

.npo-content-title-frame-text {
	right:20px;
	font-size: 35px;
}

.npo-content-title-frame-text-small {
	right:20px;
}

.npo-content-title-frame-overlay {
	left:0px;
	top:100px;
	width:100%;
	height:75px;
}

.npo-content-title-frame-overlay-text-br {
   display: none;
}

.npo-content-title-frame-overlay-text-nobr {
   display: block;
	right:50px;
	top:115px;
	font-size: 34px;
}

.npo-content-title-frame-overlay-button {
	left:0px;
	top:110px;
}

.content-content-frame-title {
	font-size: 21px;
	margin-left: 0px;
	margin-right: 5px;
}

.content-content-frame-subtitle {
	font-size: 15px;
	margin-left: 0px;
	margin-right: 5px;
}

.content-content-frame-text {
	font-size: 15px;
	margin-left: 0px;
	margin-right: 5px;
}

.content-content-text-field {
	font-size: 15px;
	margin-left: 0px;
	margin-right: 5px;
   width: 98%;
}

.content-content-message-field {
	font-size: 15px;
	margin-left: 0px;
   margin-right: 5px;
   width: 97.5%;
}

.content-content-submit-button {
	margin-left: 0px;
   margin-right: 5px;
   width: 99.2%;
}

.store-span_1_of_2 {
   width: 100%;
}

.order-details-frame-subtitle {
	margin-left: 0px;
	margin-right: 0px;
}

.order-details-frame-text {
	margin-left: 0px;
	margin-right: 0px;
}

.order-details-text-field {
	width: 99.4%;
	margin-left: 0;
	margin-right: 0;
}

.order-details-message-field {
	width: 99%;
	margin-left: 0;
	margin-right: 0;
}

.shirt-preview-text {
   font-size: 48px;
	line-height: 48px;
}

.shirt-design-select-field {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}

.shirt-design-text-field {
	width: 96.7%;
	margin-left: 0;
	margin-right: 0;
}

.shirt-design-submit-button {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}

.items-item-span_1_of_6 {
   width: 52%;
   margin: 0;
}

.items-size-span_1_of_6 {
   width: 24%;
   margin: 0;
}

.items-qty-span_1_of_6 {
   width: 24%;
   margin: 0;
}

.items-message-span_1_of_6 {
   width: 52%;
   margin: 0;
}

.items-price-span_1_of_6 {
   width: 24%;
   margin: 0;
}

.items-delete-span_1_of_6 {
   width: 24%;
   margin: 0;
}

.item-list-row {
   width: 100%;
   height: 50px;
   margin: 0;
   padding: 0;
   border-top: 1px solid #dc0025;
}

.payment-details-select-field {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}

.payment-details-select-half-field {
	width: 49.5%;
	margin-left: 0;
	margin-right: 0;
}

.payment-details-text-field {
	width: 98.5%;
	margin-left: 0;
	margin-right: 0;
}

.payment-details-text-half-field {
	width: 48%;
	margin-left: 0;
	margin-right: 0;
}

.payment-submit-button {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
   margin-bottom: 3%;
}

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

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