/* rows
 * ------------------------------------- */
.row-s {
	width: 89%;
	/*max-width: 1340px;*/
	/*max-width: 1100px;*/
	margin: 0 auto;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}

.row-s .row-s {
	width: auto;
	max-width: none;
	margin-left: -20px;
	margin-right: -20px;
}

/* columns
 * -------------------------------------- */
.column {
	-webkit-flex: 1 1 0%;
	-ms-flex: 1 1 0%;
	flex: 1 1 0%;
	/*padding: 0 20px;*/
	padding: 0 20px;
}

.collapse > .column,
.column.collapse {
	padding: 0;
}

/* flex row containers utility classes
 * ----------------------------------------- */
.row-s.row-wrap {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.row-s.row-nowrap {
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: none;
	flex-wrap: nowrap;
}

.row-s.row-y-top {
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.row-s.row-y-bottom {
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.row-s.row-y-center {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.row-s.row-stretch {
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

.row-s.row-baseline {
	-webkit-align-items: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
}

.row-s.row-x-left {
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.row-s.row-x-right {
	-ms-flex-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}

.row-s.row-x-center {
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

/* flex item utility alignment classes
 * ----------------------------------------- */
.align-center {
	margin: auto;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center;
}

.align-left {
	margin-right: auto;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center;
}

.align-right {
	margin-left: auto;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center;
}

.align-x-center {
	margin-right: auto;
	margin-left: auto;
}

.align-x-left {
	margin-right: auto;
}

.align-x-right {
	margin-left: auto;
}

.align-y-center {
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center;
}

.align-y-top {
	-webkit-align-self: flex-start;
	-ms-flex-item-align: start;
	align-self: flex-start;
}

.align-y-bottom {
	-webkit-align-self: flex-end;
	-ms-flex-item-align: end;
	align-self: flex-end;
}

/* large screen column widths 
 * -------------------------------------- */
.large-1 {
	-webkit-flex: 0 0 8.33333%;
	-ms-flex: 0 0 8.33333%;
	flex: 0 0 8.33333%;
	max-width: 8.33333%;
}

.large-2 {
	-webkit-flex: 0 0 16.66667%;
	-ms-flex: 0 0 16.66667%;
	flex: 0 0 16.66667%;
	max-width: 16.66667%;
}

.large-3 {
	-webkit-flex: 0 0 25%;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
}

.large-4 {
	-webkit-flex: 0 0 33.33333%;
	-ms-flex: 0 0 33.33333%;
	flex: 0 0 33.33333%;
	max-width: 33.33333%;
}

.large-5 {
	-webkit-flex: 0 0 41.66667%;
	-ms-flex: 0 0 41.66667%;
	flex: 0 0 41.66667%;
	max-width: 41.66667%;
}

.large-6,
.large-half {
	-webkit-flex: 0 0 50%;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}

.large-half-right {
	-webkit-flex: 0 0 50%;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}

.large-7 {
	-webkit-flex: 0 0 58.33333%;
	-ms-flex: 0 0 58.33333%;
	flex: 0 0 58.33333%;
	max-width: 58.33333%;
}

.large-8 {
	-webkit-flex: 0 0 66.66667%;
	-ms-flex: 0 0 66.66667%;
	flex: 0 0 66.66667%;
	max-width: 66.66667%;
}

.large-9 {
	-webkit-flex: 0 0 75%;
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%;
}

.large-10 {
	-webkit-flex: 0 0 83.33333%;
	-ms-flex: 0 0 83.33333%;
	flex: 0 0 83.33333%;
	max-width: 83.33333%;
}

.large-11 {
	-webkit-flex: 0 0 91.66667%;
	-ms-flex: 0 0 91.66667%;
	flex: 0 0 91.66667%;
	max-width: 91.66667%;
}

.large-12,
.large-full {
	-webkit-flex: 0 0 100%;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}

/* ------------------------------------------------------------------- 
 * ## medium screen devices
 * ------------------------------------------------------------------- */
@media screen and (max-width:1200px) {
	.row-s .row-s {
		margin-left: -16px;
		margin-right: -16px;
	}

	.column {
		padding: 0 16px;
	}

	.medium-1 {
		-webkit-flex: 0 0 8.33333%;
		-ms-flex: 0 0 8.33333%;
		flex: 0 0 8.33333%;
		max-width: 8.33333%;
	}

	.medium-2 {
		-webkit-flex: 0 0 16.66667%;
		-ms-flex: 0 0 16.66667%;
		flex: 0 0 16.66667%;
		max-width: 16.66667%;
	}

	.medium-3 {
		-webkit-flex: 0 0 25%;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}

	.medium-4 {
		-webkit-flex: 0 0 33.33333%;
		-ms-flex: 0 0 33.33333%;
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}

	.medium-5 {
		-webkit-flex: 0 0 41.66667%;
		-ms-flex: 0 0 41.66667%;
		flex: 0 0 41.66667%;
		max-width: 41.66667%;
	}

	.medium-6,
	.medium-half {
		-webkit-flex: 0 0 50%;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.medium-7 {
		-webkit-flex: 0 0 58.33333%;
		-ms-flex: 0 0 58.33333%;
		flex: 0 0 58.33333%;
		max-width: 58.33333%;
	}

	.medium-8 {
		-webkit-flex: 0 0 66.66667%;
		-ms-flex: 0 0 66.66667%;
		flex: 0 0 66.66667%;
		max-width: 66.66667%;
	}

	.medium-9 {
		-webkit-flex: 0 0 75%;
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}

	.medium-10 {
		-webkit-flex: 0 0 83.33333%;
		-ms-flex: 0 0 83.33333%;
		flex: 0 0 83.33333%;
		max-width: 83.33333%;
	}

	.medium-11 {
		-webkit-flex: 0 0 91.66667%;
		-ms-flex: 0 0 91.66667%;
		flex: 0 0 91.66667%;
		max-width: 91.66667%;
	}

	.medium-12,
	.medium-full {
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

}

/* ------------------------------------------------------------------- 
 * ## tablets
 * ------------------------------------------------------------------- */
@media screen and (max-width:800px) {
	.tab-1 {
		-webkit-flex: 0 0 8.33333%;
		-ms-flex: 0 0 8.33333%;
		flex: 0 0 8.33333%;
		max-width: 8.33333%;
	}

	.tab-2 {
		-webkit-flex: 0 0 16.66667%;
		-ms-flex: 0 0 16.66667%;
		flex: 0 0 16.66667%;
		max-width: 16.66667%;
	}

	.tab-3 {
		-webkit-flex: 0 0 25%;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}

	.tab-4 {
		-webkit-flex: 0 0 33.33333%;
		-ms-flex: 0 0 33.33333%;
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}

	.tab-5 {
		-webkit-flex: 0 0 41.66667%;
		-ms-flex: 0 0 41.66667%;
		flex: 0 0 41.66667%;
		max-width: 41.66667%;
	}

	.tab-6,
	.tab-half {
		-webkit-flex: 0 0 50%;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.tab-7 {
		-webkit-flex: 0 0 58.33333%;
		-ms-flex: 0 0 58.33333%;
		flex: 0 0 58.33333%;
		max-width: 58.33333%;
	}

	.tab-8 {
		-webkit-flex: 0 0 66.66667%;
		-ms-flex: 0 0 66.66667%;
		flex: 0 0 66.66667%;
		max-width: 66.66667%;
	}

	.tab-9 {
		-webkit-flex: 0 0 75%;
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}

	.tab-10 {
		-webkit-flex: 0 0 83.33333%;
		-ms-flex: 0 0 83.33333%;
		flex: 0 0 83.33333%;
		max-width: 83.33333%;
	}

	.tab-11 {
		-webkit-flex: 0 0 91.66667%;
		-ms-flex: 0 0 91.66667%;
		flex: 0 0 91.66667%;
		max-width: 91.66667%;
	}

	.tab-12,
	.tab-full {
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.hide-on-tablet {
		display: none;
	}

}

/* ------------------------------------------------------------------- 
 * ## mobile devices 
 * ------------------------------------------------------------------- */
@media screen and (max-width:600px) {
	.row-s {
		width: 100%;
		padding-left: 25px;
		padding-right: 25px;
	}

	.row-s .row-s {
		margin-left: -10px;
		margin-right: -10px;
		padding-left: 0;
		padding-right: 0;
	}

	.column {
		padding: 0 10px;
	}

	.mob-1 {
		-webkit-flex: 0 0 8.33333%;
		-ms-flex: 0 0 8.33333%;
		flex: 0 0 8.33333%;
		max-width: 8.33333%;
	}

	.mob-2 {
		-webkit-flex: 0 0 16.66667%;
		-ms-flex: 0 0 16.66667%;
		flex: 0 0 16.66667%;
		max-width: 16.66667%;
	}

	.mob-3 {
		-webkit-flex: 0 0 25%;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}

	.mob-4 {
		-webkit-flex: 0 0 33.33333%;
		-ms-flex: 0 0 33.33333%;
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}

	.mob-5 {
		-webkit-flex: 0 0 41.66667%;
		-ms-flex: 0 0 41.66667%;
		flex: 0 0 41.66667%;
		max-width: 41.66667%;
	}

	.mob-6,
	.mob-half {
		-webkit-flex: 0 0 50%;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.mob-7 {
		-webkit-flex: 0 0 58.33333%;
		-ms-flex: 0 0 58.33333%;
		flex: 0 0 58.33333%;
		max-width: 58.33333%;
	}

	.mob-8 {
		-webkit-flex: 0 0 66.66667%;
		-ms-flex: 0 0 66.66667%;
		flex: 0 0 66.66667%;
		max-width: 66.66667%;
	}

	.mob-9 {
		-webkit-flex: 0 0 75%;
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}

	.mob-10 {
		-webkit-flex: 0 0 83.33333%;
		-ms-flex: 0 0 83.33333%;
		flex: 0 0 83.33333%;
		max-width: 83.33333%;
	}

	.mob-11 {
		-webkit-flex: 0 0 91.66667%;
		-ms-flex: 0 0 91.66667%;
		flex: 0 0 91.66667%;
		max-width: 91.66667%;
	}

	.mob-12,
	.mob-full {
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.hide-on-mobile {
		display: none;
	}

}

/* ------------------------------------------------------------------- 
 * ## small mobile devices <= 400px
 * ------------------------------------------------------------------- */
@media screen and (max-width:400px) {
	.row-s {
		padding-left: 22px;
		padding-right: 22px;
	}

	.row-s .row-s {
		margin-left: 0;
		margin-right: 0;
	}

	.column {
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		padding: 0;
	}

}


/* ===================================================================
 * # block grids
 *
 * -------------------------------------------------------------------
 * Equally-sized columns define at parent/row level.
 * ------------------------------------------------------------------- */
.block-large-1-8 > .column {
	-webkit-flex: 0 0 12.5%;
	-ms-flex: 0 0 12.5%;
	flex: 0 0 12.5%;
	max-width: 12.5%;
}

.block-large-1-6 > .column {
	-webkit-flex: 0 0 16.66667%;
	-ms-flex: 0 0 16.66667%;
	flex: 0 0 16.66667%;
	max-width: 16.66667%;
}

.block-large-1-5 > .column {
	-webkit-flex: 0 0 20%;
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
}

.block-large-1-4 > .column {
	-webkit-flex: 0 0 25%;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
}

.block-large-1-3 > .column {
	-webkit-flex: 0 0 33.33333%;
	-ms-flex: 0 0 33.33333%;
	flex: 0 0 33.33333%;
	max-width: 33.33333%;
}

.block-large-1-2 > .column {
	-webkit-flex: 0 0 50%;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}

.block-large-full > .column {
	-webkit-flex: 0 0 100%;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}

/* ------------------------------------------------------------------- 
 * ## block grids - medium screen devices
 * ------------------------------------------------------------------- */
@media screen and (max-width:1200px) {
	.block-medium-1-8 > .column {
		-webkit-flex: 0 0 12.5%;
		-ms-flex: 0 0 12.5%;
		flex: 0 0 12.5%;
		max-width: 12.5%;
	}

	.block-medium-1-6 > .column {
		-webkit-flex: 0 0 16.66667%;
		-ms-flex: 0 0 16.66667%;
		flex: 0 0 16.66667%;
		max-width: 16.66667%;
	}

	.block-medium-1-5 > .column {
		-webkit-flex: 0 0 20%;
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}

	.block-medium-1-4 > .column {
		-webkit-flex: 0 0 25%;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}

	.block-medium-1-3 > .column {
		-webkit-flex: 0 0 33.33333%;
		-ms-flex: 0 0 33.33333%;
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}

	.block-medium-1-2 > .column {
		-webkit-flex: 0 0 50%;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.block-medium-full > .column {
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

}

/* ------------------------------------------------------------------- 
 * ## block grids - tablets
 * ------------------------------------------------------------------- */
@media screen and (max-width:800px) {
	.block-tab-1-8 > .column {
		-webkit-flex: 0 0 12.5%;
		-ms-flex: 0 0 12.5%;
		flex: 0 0 12.5%;
		max-width: 12.5%;
	}

	.block-tab-1-6 > .column {
		-webkit-flex: 0 0 16.66667%;
		-ms-flex: 0 0 16.66667%;
		flex: 0 0 16.66667%;
		max-width: 16.66667%;
	}

	.block-tab-1-5 > .column {
		-webkit-flex: 0 0 20%;
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}

	.block-tab-1-4 > .column {
		-webkit-flex: 0 0 25%;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}

	.block-tab-1-3 > .column {
		-webkit-flex: 0 0 33.33333%;
		-ms-flex: 0 0 33.33333%;
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}

	.block-tab-1-2 > .column {
		-webkit-flex: 0 0 50%;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.block-tab-full > .column {
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

}

/* ------------------------------------------------------------------- 
 * ## block grids - mobile devices
 * ------------------------------------------------------------------- */
@media screen and (max-width:600px) {
	.block-mob-1-8 > .column {
		-webkit-flex: 0 0 12.5%;
		-ms-flex: 0 0 12.5%;
		flex: 0 0 12.5%;
		max-width: 12.5%;
	}

	.block-mob-1-6 > .column {
		-webkit-flex: 0 0 16.66667%;
		-ms-flex: 0 0 16.66667%;
		flex: 0 0 16.66667%;
		max-width: 16.66667%;
	}

	.block-mob-1-5 > .column {
		-webkit-flex: 0 0 20%;
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}

	.block-mob-1-4 > .column {
		-webkit-flex: 0 0 25%;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}

	.block-mob-1-3 > .column {
		-webkit-flex: 0 0 33.33333%;
		-ms-flex: 0 0 33.33333%;
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}

	.block-mob-1-2 > .column {
		-webkit-flex: 0 0 50%;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.block-mob-full > .column {
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

}

/* ------------------------------------------------------------------- 
 * ## block grids - small mobile devices <= 400px
 * ------------------------------------------------------------------- */
@media screen and (max-width:400px) {
	.stack > .column {
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		padding: 0;
	}

}


div {display:block; margin: 0}

/* SUB TITLE */
	
.hero-sub-title {
	background: #0A2240;
	padding: 60px 0;
	position: relative;
	width: 100%;
}

@media screen and (max-width: 1400px) {
.hero-sub-title {
	padding: 40px 0px;
}	
}

@media screen and (max-width: 450px) {
.hero-sub-title {
	padding: 20px 0px;
}	
}

.hero-sub-title h3, .hero-sub-title h4 {
    font-family: museo-sans-display, sans-serif;
    font-weight: 400;
    font-size: 2vw;
    color: #fff;
display: block;
    margin-bottom: 38px;
	margin-top: 33px;
	text-transform: none;
	text-align: center;
	margin: 0 auto 0;
}

.hero-sub-title h3::before {
display: block;
	content: "";
    background: url("../images/intro-arrow-bg.svg") center no-repeat;
    position: absolute;
width: 60px;
	height: 50px;
	top:55px;
left: 50%;
  margin-left: -30px;
}

@media screen and (max-width: 1000px) {	
.hero-sub-title h3::before {
	top:35px;
}
}

@media screen and (max-width: 1000px) {
.hero-sub-title h3::before {
	top:25px;
width: 50px;
	height: 42px;
  margin-left: -25px;
}
}
	
.hero-sub-title h3 {
padding-top: 75px;
}

.hero-sub-title h4 {
    font-size: 1.6vw;
	margin-bottom: 35px;
	margin-top: 20px
}

@media screen and (max-width: 1000px) {
.hero-sub-title h3 {
padding-top: 55px;
}
}

@media screen and (min-width:1700px) {
.hero-sub-title h3 {
    font-size: 34px;
}	
}

@media screen and (max-width: 1250px) {
.hero-sub-title h3 {
    font-size: 28px;
}

.hero-sub-title h4 {
    font-size: 24px;
}	
}

@media screen and (max-width: 767px) {
.hero-sub-title h3 {
    font-size: 24px;
}

.hero-sub-title h4 {
    font-size: 20px;
}	
}

@media screen and (max-width: 600px) {
.hero-sub-title h3 {
    font-size: 22px;
}	
}

@media screen and (max-width: 450px) {
.hero-sub-title h3 {
    font-size: 18px;
padding-top: 65px;
}	
}

.s-intro {
  padding-top: 19.2rem;
  padding-bottom: 19.2rem;
	padding-left: 0;
  min-height: 60rem;
  background-color: #fff;
  background-size: 760px 380px;
  position: relative;
}

.page-template-introduction-page .s-intro {
  padding-top: 14.2rem;
  padding-bottom: 14.2rem;
  min-height: 40rem;
}

.intro-content {
    max-width: 1900px;
    position: relative;
}
	
#about {
    background-color: #fff;
}

/* ------------------------------------------------------------------- 
 * ## intro image 
 * ------------------------------------------------------------------- */
.intro-img, .intro-img1 {
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 50%;
}

.intro-img1 {
  left: 50%;
  right: 0;
	background-color: #fff;
}

.intro-img::before, .intro-img1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.);
}

@media screen and (max-width:1200px) {
.intro-img1 {
  /*left: 0;
  right: 0;
	width: 100%*/
	display: none
}	
	
	.gm-test {
		margin-top: 60px
	}
}

@media screen and (max-width:600px) {
	.gm-test {
		margin-top: 30px
	}
}

/* ------------------------------------------------------------------- 
 * ## intro content 
 * ------------------------------------------------------------------- */
.intro-content {
  padding: 0;
  max-width: 1600px;
  position: relative;
	margin: 0 auto 0
}

.intro-content .column:first-child {
  padding-right: 9.2rem;
	padding-left: 0;
}

.intro-content .column:last-child {
  padding-left: 9.2rem;
}

.intro-content-full {
  padding: 0;
  max-width: 1340px;
  position: relative;
}

@media screen and (max-width:600px) {
.intro-content-full {
    padding: 0 20px;
}
}

@media screen and (max-width: 1350px) {
.s-intro {
  padding-top: 15.2rem;
  padding-bottom: 15.2rem;
	padding-left: 0;
  min-height: 40rem;
}
}

@media screen and (max-width: 800px) {
.s-intro {
  min-height: 30rem;
}	
}	

.s-intro h2 {
  font-size: 5.2rem;
  line-height: 1.231;
  color: rgba(0,22,38,1);;
  margin-top: 1.6rem;
  margin-bottom: 2.6rem;
	letter-spacing: -0.0415625em;
}

@media screen and (max-width:1200px) {
  .s-intro {
    padding-top: 13.6rem;
    padding-bottom: 13.6rem;
  }

  .intro-img {
    /*left: 0;*/
	  display: none
  }

  .intro-img::before {
    background-color: rgba(0, 0, 0, 0.8);
  }

  .intro-content {
    max-width: 960px;
  }

  .intro-content .column:first-child,
  .intro-content .column:last-child {
    padding: 0 16px;
  }

}

@media screen and (max-width:990px) {
  .s-intro {
    padding-top: 7.6rem;
    padding-bottom: 7.6rem;
	}
}

@media screen and (max-width:800px) {
  .s-intro h2 {
    font-size: 3.8rem;
	  margin-bottom: 2rem;
	  margin-top: 0.5rem;
  }

}

@media screen and (max-width:600px) {
	
  .s-intro {
    padding-top: 3.6rem;
    padding-bottom: 3.6rem;
	}
	
	
  .s-intro h2 {
    font-size: 3rem;
  }

  .intro-content {
    padding: 0 25px;
    border: none;
  }

  .intro-content .column:first-child,
  .intro-content .column:last-child {
    padding: 0 10px;
  }

  .intro-content__subscribe-links a {
    height: 3.6rem;
    width: 3.6rem;
  }

}

@media screen and (max-width:1400px) {
 /* .intro-content {
    padding: 12rem 4rem 8.8rem;
  }*/

  .intro-content .column:first-child {
    padding-right: 4.4rem;
	  padding-left: 0
  }

  .intro-content .column:last-child {
    padding-left: 5.4rem;
	  padding-right: 0
  }

}

@media screen and (max-width:1200px) {
  .s-intro {
    padding-top: 13.6rem;
    padding-bottom: 13.6rem;
  }

  .intro-img {
    /*left: 0;*/
	  display: none
  }

  .intro-img::before {
    background-color: rgba(0, 0, 0, 0.8);
  }

  .intro-content {
    max-width: 960px;
  }

  .intro-content .column:first-child,
  .intro-content .column:last-child {
    padding: 0 16px;
  }

}

@media screen and (max-width:990px) {
  .s-intro {
    padding-top: 7.6rem;
    padding-bottom: 7.6rem;
	}
}

@media screen and (max-width:800px) {
  .s-intro h2 {
    font-size: 3.8rem;
	  margin-bottom: 2rem;
	  margin-top: 0.5rem;
  }

}

@media screen and (max-width:600px) {
	
  .s-intro {
    padding-top: 3.6rem;
    padding-bottom: 3.6rem;
	}
	
	
  .s-intro h2 {
    font-size: 3rem;
  }

  .intro-content {
    padding: 0 25px;
    border: none;
  }

  .intro-content .column:first-child,
  .intro-content .column:last-child {
    padding: 0 10px;
  }

  .intro-content__subscribe-links a {
    height: 3.6rem;
    width: 3.6rem;
  }

}

@media screen and (max-width:400px) {
  .intro-content {
    padding: 0 22px;
  }

  .intro-content .column:first-child,
  .intro-content .column:last-child {
    padding: 0;
  }

}

.s-intro h2 {
    font-size: 4.6rem;
    margin-top: .6rem;
    margin-bottom: 1.6rem;
}
	
@media screen and (max-width:800px) {
  .s-intro h2 {
    font-size: 3.8rem;
	  margin-bottom: 2rem;
	  margin-top: 0.5rem;
  }
}

@media screen and (max-width:600px) {
  .s-intro h2 {
    font-size: 3rem;
  }
  .s-intro p {
    font-size: 14px;
  }
	}
	
.page-template-introduction-page .page-content p {
    margin-bottom: 0;
}

.page-template-introduction-page .page-content {
    background-color: rgba(0,22,38,0.07);
}
	
@media screen and (max-width: 1200px) {
.gm-test {
    margin-top: 0px;
}
	
.page-template-introduction-page .s-intro {
    padding-top: 5rem;
    padding-bottom: 5rem;
    min-height: 30rem;
}
	
.page-template-introduction-page .page-content {
    background-color: rgba(0,22,38,0.07);
    margin-bottom: 0rem;
}
	
.page-template-introduction-page .page-content .has-medium-font-size {
    font-size: 1em;
}
	
#about2 {
    background-color: #e2f0ea;
}
}
	
@media screen and (max-width:600px) {
.page-template-introduction-page .page-content {
    background-color: rgba(0,22,38,0.07);
    margin-bottom: 0rem;
	padding-bottom: 5rem;
	padding-top: 5rem
}
	}
	
@media screen and (max-width: 600px) {
.s-intro .intro-content {
    padding: 0;
    padding-left: 25px;
    padding-right: 25px;
}
}


.s-intro .intro-content .button {
    margin-top: 20px;
}