/******************** FONTS START ************************/
@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/SourceSansPro-Italic.woff2') format('woff2'),
        url('fonts/SourceSansPro-Italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/SourceSansPro-Regular.woff2') format('woff2'),
        url('fonts/SourceSansPro-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/SourceSansPro-LightItalic.woff2') format('woff2'),
        url('fonts/SourceSansPro-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/SourceSansPro-Light.woff2') format('woff2'),
        url('fonts/SourceSansPro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/SourceSansPro-BoldItalic.woff2') format('woff2'),
        url('fonts/SourceSansPro-BoldItalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/SourceSansPro-Bold.woff2') format('woff2'),
        url('fonts/SourceSansPro-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/SourceSansPro-ExtraLight.woff2') format('woff2'),
        url('fonts/SourceSansPro-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/SourceSansPro-ExtraLightItalic.woff2') format('woff2'),
        url('fonts/SourceSansPro-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/SourceSansPro-SemiBoldItalic.woff2') format('woff2'),
        url('fonts/SourceSansPro-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/SourceSansPro-SemiBold.woff2') format('woff2'),
        url('fonts/SourceSansPro-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Source Code Pro';
    src: url('fonts/SourceCodePro-Bold.woff2') format('woff2'),
        url('fonts/SourceCodePro-Bold.woff') format('woff');
    font-weight:700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Source Code Pro';
    src: url('fonts/SourceCodePro-SemiBold.woff2') format('woff2'),
        url('fonts/SourceCodePro-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Code Pro';
    src: url('fonts/SourceCodePro-Medium.woff2') format('woff2'),
        url('fonts/SourceCodePro-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Code Pro';
    src: url('fonts/SourceCodePro-Regular.woff2') format('woff2'),
        url('fonts/SourceCodePro-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
/******************** FONTS END ************************/
/*****************************************************************/
.noneDisplay {visibility: visible; display: block}
.noneDisplay-2 {visibility: visible; display: block}
.hidden-mobile {visibility: visible; display: block}
.hidden-mobile-2 {visibility: visible; display: block}

.hidden-main {visibility: hidden; display: none}
.hidden-temp {visibility: hidden; display: block}

@media screen and (max-width:720px) {
.noneDisplay {visibility: hidden; display: none}
.hidden-mobile {visibility: hidden; display: none}
.hidden-mobile-2{visibility: hidden; display: none}

.hidden-temp {visibility: hidden; display: block}
.hidden {visibility: hidden; display: none}
.hidden-main {visibility: visible; display: block}
}
/*****************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
.content-main  ul {
	padding: 0;
	margin: 0;
}
.content-main li
{
background-image: url(../images/line.jpg); list-style:none;
background-repeat: no-repeat;
background-position: 0px 13px; 
padding-left: 20px; margin: 0;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.content-main {padding:0 5%;letter-spacing:1px;}
.slider-text {letter-spacing:1px;}
/*############## CONTENT BEGINN ###########################################*/

/* Extended base styles (site specific)
*****************************************************************/

html { 
	overflow-y: scroll; /* always force a scrollbar in non-IE */
	}
body {
	background: #f2f0ed;
	margin: 0;
	padding: 0;
	color: #394852;
	font-size: 19px;line-height:27px; 
	font-family: 'Source Sans Pro'; font-weight:300;
}

a, a:link,
a:active,
a:visited {
	-webkit-transition: color 0.25s ease-out;
	-moz-transition: color 0.25s ease-out;
	-o-transition: color 0.25s ease-out;
	transition: color 0.25s ease-out;
	color:#2f71b6;
	outline: none;
	text-decoration:none;
	}
	a:hover { 
		color:#000;
		}
img{
  max-width:100%;
  width: 100%;
  height:auto;
}
p {
	margin:0; padding:0;
	}
b {font-weight:600;font-family: 'Source Code Pro';}
/* Common shared styles
*****************************************************************/
#loading-panel{position: fixed; z-index:9999; top:0; width:100%; height:100%; background-color:#f2f0ed; display:block}
.loader{position: relative; top:50%; left:50%;margin-left:-60px; margin-top:-60px; width:120px; height:120px;}
#loader {width:120px; height:120px;}

.slider {}
.slider a{ float:left; letter-spacing:inherit;margin:-10px 0 30px 0;font-weight:600;font-family: 'Source Code Pro'; }
h1 {font-family: 'Source Code Pro'; font-size:40px; line-height:46px; font-weight:600;padding:40px 0 0px 0; margin:0; color:#fff;text-align:left;}
h2 {font-family: 'Source Code Pro';font-size:60px; line-height:70px; font-weight:600;padding:0px 0 0px 0; margin:0; color:#f2f0ed;text-align:left;}
h3 {font-family: 'Source Code Pro'; font-size:40px; line-height:50px; font-weight:600;padding:20px 0 40px 0; margin:0; color:#333;text-align:left;}
h4 {font-family: 'Source Code Pro';font-size:60px; line-height:70px; font-weight:600;padding:0px 0 0px 0; margin:0; color:#f2f0ed;text-align:left;}
h4 { text-shadow: 2px 2px 2px  rgba(0, 0, 0, 0.3);}

.frame-layout-1 h4 {font-family: 'Source Code Pro';font-size:40px; line-height:50px; font-weight:600;padding:0px 0 0px 0; margin:0; color:#2f71b6; text-align:left;}
.frame-layout-1 h4 { text-shadow: 2px 2px 2px  rgba(0, 0, 0, 0.0);}
.frame-layout-1 h5 {font-family: 'Source Code Pro';font-size:40px; line-height:50px; font-weight:600;padding:0px 0 0px 0; margin:0; color:#2f71b6; text-align:left;}

@media screen and (max-width:980px) {
    
    .frame-layout-1 h4 {font-family: 'Source Code Pro';font-size:25px; line-height:35px; font-weight:600;padding:30px 0 0px 0; margin:0; color:#2f71b6; text-align:left;}
    .frame-layout-1 h5 {font-family: 'Source Code Pro';font-size:25px; line-height:35px; font-weight:600;padding:0px 0 0px 0; margin:0; color:#2f71b6; text-align:left;}
    
}



.col1 h1 {font-size: 19px;line-height:27px; font-weight:600;padding:20px 0 0px 0; margin:0; color:#2f71b6;text-align:left;}
.col1-2 h2 {font-size: 19px;line-height:27px; font-weight:600;padding:20px 0 0px 0; margin:0; color:#333;text-align:left;}

.nav-left:hover{text-decoration:underline;}
.nav-left-active a{ color:#333;text-decoration:underline;}

#map_canvas { float:left; display:block;width:100%;height:550px; margin:0px 0 0px 0; }

@media screen and (max-width:1440px) {
body {font-size: 18px;line-height:28px;}

h1 { font-size:36px; line-height:42px;padding:40px 0 0px 0;}
h2 { font-size:50px; line-height:60px;padding:0px 0 0px 0;}
h3 { font-size:36px; line-height:46px;padding:20px 0 40px 0;}
h4 { font-size:50px; line-height:60px;padding:0px 0 0px 0;}

.col1 h1 {font-size: 18px;line-height:24px; padding:20px 0 0px 0; margin:0; }
.col1-2 h2 {font-size: 18px;line-height:24px; padding:20px 0 0px 0; margin:0;}
#map_canvas { height:460px; }
}

/* Page structure
*****************************************************************/

#wrapper {position: relative; width:100%;height: auto;}
#wrapper-main {position: relative;width:100%; padding:80px 0 0 0}
#footer { float:left; width:100%;bottom:0;}

/*socialbox*/
.social-box {float: right; padding:0px 0 20px 0}
.social-box img{ width:32px; height:auto; padding:0 0 0 8px }
.social-box img:hover{opacity: 0.6;filter: alpha(opacity=60)}

@media screen and (max-width:1280px) {
body {font-size: 16px;line-height:26px;}

h1 { font-size:32px; line-height:38px;padding:40px 0 0px 0;}
h2 { font-size:43px; line-height:50px;padding:0px 0 0px 0;}
h3 { font-size:32px; line-height:42px;padding:20px 0 40px 0;}
h4 { font-size:43px; line-height:50px;padding:0px 0 0px 0;}

.col1 h1 {font-size: 16px;line-height:22px; padding:20px 0 0px 0; margin:0; }
.col1-2 h2 {font-size: 16px;line-height:22px; padding:20px 0 0px 0; margin:0;}
#wrapper {position: relative; width:100%;height: auto;}
#map_canvas { height:400px; }
}

@media screen and (max-width:980px) {
body {font-size: 16px;line-height:26px;}

h1 { font-size:32px; line-height:38px;padding:40px 0 0px 0;}
h2 { font-size:42px; line-height:52px;padding:0px 0 0px 0;}
h3 { font-size:32px; line-height:42px;padding:20px 0 40px 0;}
h4 { font-size:42px; line-height:52px;padding:0px 0 0px 0;}

.col1 h1 {font-size: 16px;line-height:22px; padding:20px 0 0px 0; margin:0; }
.col1-2 h2 {font-size: 16px;line-height:22px; padding:20px 0 0px 0; margin:0;}
#wrapper {position: relative; width:100%;height: auto;}
#map_canvas { height:275px; }
}
@media screen and (max-width:720px) {
body {font-size: 16px;line-height:26px;}

h1 { font-size:28px; line-height:36px;padding:40px 0 0px 0;}
h2 { font-size:28px; line-height:36px;padding:0px 0 10px 0;}
h3 { font-size:28px; line-height:36px;padding:0px 0 20px 0;}
h4 { font-size:28px; line-height:36px;padding:0px 0 10px 0;}

.col1 h1 {font-size: 16px;line-height:22px; padding:20px 0 0px 0; margin:0; }
.col1-2 h2 {font-size: 16px;line-height:22px; padding:20px 0 0px 0; margin:0;}
#wrapper {position: relative; width:100%;height: auto;}
#map_canvas { height:300px; }
}
/* Nav
*****************************************************************/

nav#primary {
	z-index: 5;
	position: fixed;
	top: 350px;
	left: 10px;
	margin-top: 0px;
	display:block;
}
nav#primary li {
	position: relative;
	height: 50px;
}
nav#primary a {
	display: block;
	width: 20px;
	height: 50px;
	text-indent: -9999px;
	background: transparent url('../images/nav-dot.png') 0px 10px no-repeat ;background-size: 20px 20px;
}
nav#primary a:hover, nav#primary a.active {
	background: transparent url('../images/nav-dot-active.png') 0px 10px no-repeat;background-size: 20px 20px;
}
nav#primary h2 {
	position: absolute;
	left: 30px;
	top: 5px;
	display: none;
	padding: 2px 10px 4px 20px;;
	color: #fff;
	white-space: nowrap;	
	font-size:18px; line-height:28px; font-weight:300;
	background: transparent url('../images/nav-arrow.png') 100% 50% no-repeat; background-position:left center;
	}

@media screen and (max-width:1440px) {
	nav#primary {
	top: 320px;
}
}
@media screen and (max-width:1280px) {
	nav#primary {
	top:200px;
}
}
@media screen and (max-width:980px) {
	nav#primary {
	top:15%;
}
}
/* Parallax
*****************************************************************/

/* content */

#content {
	z-index: 4;
	position: relative;
	max-width: 100%;
	padding: 0 0px;
	margin: 0 auto;
	text-align:center;
	}

	
		#manned-flight {
			float:left;
			width:100%;
			padding-top: 100px;
			}
		#frameless-parachute {
			float:left;
			width:100%;
			padding-top: 100px;
			}
		#english-channel {
			float:left;
			width:100%;
			padding-top: 100px;
			}
		#about {
			float:left;
			width:100%;
			padding: 100px 0 100px 0;
			}



/*NEWS*/
.news-list-item {float:left; width:100%;border-bottom: dotted 1px #333;padding:0px 0 20px 0; margin:0 0 20px 0;}
.news-list-item h2{font-size: 22px;line-height:28px; font-weight:600;padding:0px 0 5px 0; margin:0; color:#2f71b6;text-align:left;}

.news-single-item {float:left; width:100%;border-bottom: dotted 1px #333;padding:0px 0 20px 0;}
.news-single-item h2{font-size: 22px;line-height:28px; font-weight:600;padding:0px 0 5px 0; margin:0; color:#2f71b6;text-align:left;}

.news-single-backlink {float:left; width:100%;padding:20px 0 20px 0;}

/*############ MOBILE NAVI LOGO ICONS ###############*/
.nav-mobile {padding:100px 0 0 0;}
.nav-box { position: fixed; z-index:99999; right:35px; top:45px;} 
.nav-box img{ width: auto; height:25px; padding:0px 0 0 0;}



.logo-box {float:left;width: 50%; padding:23px 10px 10px 3em }
#logo-main {width:190px; height:auto; transition:all 0.6s ease;display:block;opacity: 1.0; padding: 0 0 12px 0;}
.logo-main-text {float: left; font-size: 15px; line-height: 15px; font-family: arial; font-weight: bold; color: #394852;transition:all 0.6s ease;}
#logo-mobile {width:190px; height:auto;  transition:all 0.6s ease;display:none;}

.lang-box { position: absolute;right: 220px; top: 0; width:auto; padding:44px 0em 0px 0em;font-size: 23px;line-height:23px; display:block; }
.langMenuNav a{ color:#2f71b6; padding: 0 0 0.9em 0em; margin:  0 0.5em 0 0;}
.langMenuNavActive a{color:#333;padding: 0 0 0.9em 0em;margin:  0 0.5em 0 0;}

.lang-box-mobile { position: absolute;right: 50px; top: 0; width:auto; padding:26px 0em 0px 0em;font-size: 23px;line-height:23px;display:block; }

.header-mobile
{
  -webkit-box-shadow: 0px 2px 5px 0px rgba(51,50,51,0.0);
  -moz-box-shadow: 0px 2px 2px 0px rgba(51,50,51,0.0);
	box-shadow: 0px 2px 5px 0px rgba(51,50,51,0.0);

}
.header-mobile
{
	background: #f2f0ed;
	
	font-size: 18px;	
	color: #fff;
	line-height: 40px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	width: 100%;
	height: 120px;
	padding: 0 0px;
}
.header-mobile
{
	position: fixed;  
	top: 0;
	 right: 0;
	z-index:8;
}

#nav-icon-main {display:block}
#nav-icon-mobile {display:none}

@media screen and (max-width:720px) {
	#nav-icon-main {display: none}
	#nav-icon-mobile {display: block}
	nav#primary { display:none;}
	.nav-mobile {padding:100px 0 0 0;}
	.nav-box {right:15px; top:30px;} 
	.nav-box img{ width: auto; height:20px; padding:0px 0 0 0;}
	
	.logo-box {float:left;width: 50%; padding:25px 10px 10px 5% }
	#logo-main {width: auto; height:60px; transition:all 0.6s ease;display:none;}
	#logo-mobile {width:140px; height:auto;  transition:all 0.6s ease;display:block;}
	
	#manned-flight {padding-top:80px}
	#frameless-parachute {padding-top:80px; }
	#english-channel {padding-top:80px; }
	#about {padding: 100px 0 40px 0; }
	#footer { }
	
	.header-mobile{height: 80px;}
	.header-mobile
		{
		  -webkit-box-shadow: 0px 2px 5px 0px rgba(51,50,51,0.4);
		  -moz-box-shadow: 0px 2px 2px 0px rgba(51,50,51,0.4);
			box-shadow: 0px 2px 5px 0px rgba(51,50,51,0.4);
		
		}

.social-box {float: left; padding:20px 0 20px 0}
.social-box img{ width:32px; height:auto; padding:0 0 0 0px }

.news-list-item h2{font-size: 16px;line-height:24px;}
.news-single-item h2{font-size: 16px;line-height:24px;}

.lang-box { position: absolute;right: 120px; top: 0; width:auto; padding:34px 0em 0px 0em;font-size: 23px;line-height:23px; }

}


/*LAYOUTS*/
/*STANDART FRAME BEGINN*/
.element1cols { position:relative;width:100%;margin:0px auto 0 auto; padding:0px 0px 0px 0px;}
.element2cols { position:relative;width:1440px;margin:0px auto 0 auto; padding:0px 0px 0px 0px;}
.element4cols { position:relative;width:52%;margin:0px auto 0 auto; padding:0px 0px 0px 0px;background-color:#ebebeb}
.element5cols { position:relative;width:52%;margin:40px auto 80px auto; padding:0px 0px 0px 0px;}
.element-cols {padding:0px 0px 0px 0px;}

.element3cols-box { position:relative;width:100%;margin:0px auto 0 auto; padding:0px 0px 40px 0px;background-color:#f6f5f3}
.element4cols-box { position:relative;width:100%;margin:0px auto 0 auto; padding:40px 0px 40px 0px;background-color:#f6f5f3}
#c20 h1{color: #394852;font-size: 19px;line-height:27px; font-family: 'Source Sans Pro', sans-serif; font-weight:300; margin:0; padding:0;}
.element-slider { position:relative;width:100%;margin:0px; padding:0px;background-color:#2f71b6;}
.col2-2-header h2{font-size:40px;line-height:46px;width:50%; padding:10% 0 0 0;}
.col2-2-header h1{font-size:40px;line-height:46px;width:50%; padding:0;}
.col2-2-header {float:right; width:720px; height:auto}
.col2-2-header h2 { position:absolute;bottom:40px;width:420px;}


/*INTRO FRAME BEGINN*/
.element1-2cols-image {position:relative;width:100%; height:740px; z-index: 1; overflow:hidden;margin:0px auto 0 auto; padding:0px 0px 0px 0px; background: #000;}
.element1-2cols-image img{width:100vw; height:auto;display: block; opacity: 0.8;}
.element1-2cols-title {position:absolute; bottom:10px;width:100%;}
.element1-2cols-image h4 { position: relative; z-index: 2;}

.element1-2cols { position:relative;width:1440px;margin:0px auto 0 auto; padding:0px 0px 0px 0px; }
.element1-3cols { position:relative;width:1440px;margin:0px auto 0 auto; padding:30px 0px 0px 0px;}

.element1-content-main {float: left; width: 100%;}

.col2 {float:left; width:48%; padding:20px 1% 10px 1%; text-align:left; }
.col2-1 {float:right; width:50%; padding:0% 0 0 0; text-align:left; }
.col2-2 {float:left; width:50%; padding:0 0 0 0; text-align:left; }
.col2-3 {float:left; width:50%; padding:0 0 0 50%; text-align:left; }
.col3 {float:left; width:31%; padding:0 2% 10px 0%; text-align:left; }


.col2-2 .image {background: transparent;}
.col2-2 .image img{opacity: 1.0;}
.col2-3 .image {background: #000000;}
.col2-3 .image img{opacity: 0.9;}


.col4 {float:left; width:100%; padding:0px 0 0px 0; text-align:left;}
.col1 {float:left; width:21%; padding:0 4% 0 0%; text-align:left;}
.col1-2 {float:left; width:21%; padding:0 0 0 4%; text-align:left; }

@media screen and (max-width:1690px) {
.element1-2cols-image {height:640px; }
}
@media screen and (max-width:1440px) {
.element1-2cols-image {height:540px; }
.col2-2-header h2{font-size:34px;line-height:40px;width:50%; padding:10% 0 0 0;}
.col2-2-header h1{font-size:34px;line-height:40px;width:50%; padding:0;}
.col2-2-header {float:right; width:600px; height:auto}
.col2-2-header h2 { position:absolute;bottom:40px;width:340px;}
.element2cols {width:1200px;}
.element1-2cols {width:1200px;}
.element1-3cols {width:1200px;padding:10px 0px 0px 0px;}
}

@media screen and (max-width:1280px) {
.element1-2cols-image {height:440px; }
.col2-2-header h2{font-size:32px;line-height:38px;width:50%; padding:10% 0 0 0;}
.col2-2-header h1{font-size:32px;line-height:38px;width:50%; padding:0;}
.col2-2-header {float:right; width:520px; height:auto}
.col2-2-header h2 { position:absolute;bottom:40px;width:300px;}
.col3 {float:left; width:100%; padding:0 0% 10px 0%; text-align:left; }
.element2cols {width:1040px;}
.element1-2cols {width:1040px;}
.element1-3cols {width:1040px;}
}
@media screen and (max-width:980px) {
.element1-2cols-title {position:absolute; bottom:-20px;width:100%;}
.element1-2cols-image {height: auto}
.col2-2-header h2{font-size:28px;line-height:34px;width:50%; padding:10% 0 0 0;}
.col2-2-header h1{font-size:28px;line-height:34px;width:50%; padding:0;}
.col2-2-header {float:right; width:360px; height:auto}
.col2-2-header h2 { position:absolute;bottom:40px;width:300px;}
.col3 {float:left; width:100%; padding:0 0% 10px 0%; text-align:left; }
.col2 {width:73%;}
.col1-2 {width:720px; padding:0 0 0 0;}
.element2cols {width:720px;}
.element1-2cols {width:720px;}
.element1-3cols {width:720px;}
}
@media screen and (max-width:720px) {
.element3cols-box {width:90%;padding:0 5% 0 5%;}
.element4cols-box {width:90%;padding:0 5% 0 5%;}
.element1-2cols-title {position:absolute; bottom:-20px;width:100%;}


.col2-2-header h2{font-size:24px;line-height:30px;width:100%; padding:10% 0 0 0;}
.col2-2-header h1{font-size:24px;line-height:30px;width:100%; padding:0;}
.col2-2-header {float:left; width:100%; height:auto}
.col2-2-header h2 { position: inherit;bottom:0px; padding:10% 5%;width:90%;}

.col2 {width:100%;padding:10px 0 0 0;}
.col1-2 {width:100%;padding:0 0 0 0; }
.element1cols {width:100%;padding:0 0 0 0;}
.element2cols {width:100%;padding:0 0 0 0;}
.element1-2cols {width:90%;padding:0 5% 0 5%;}
.element1-3cols {width:90%;padding:0 5% 0 5%;}

.col2-1 {width:100%;padding:0 0 0 0;}
.col2-2 {width:100%;padding:0 0 0 0;}
.col2-3 {float:left; width:100%; padding:0 0 0 0%; text-align:left; }
.col3 {width:100%;padding:20px 0 0 0;}
.col4 {width:100%;padding:0 0 0 0;}
.col1 {width:100%;padding:0 0 0 0;}
.col1-2{width:100%;padding:0 0 0 0;}
}