/*
Desktop Styles
================================================== */
@media only screen and (min-width: 768px) {

	#area_content .section .inner{
		padding-left: 100px;
		padding-right: 100px;
	}

	#area_header{
		padding-left: 150px;
		padding-right: 150px;
	}

	#area_content .section .inner{
	  display: -webkit-flex;
	  -webkit-align-items: center;
	  display: flex;
	  align-items: center;
	  height: 100%;
	}
	a.arrow-right:hover{
		opacity: 1;
		color: #0c2386;
		text-decoration: none;
		background-color: #fff;
		padding: 5px 45px 5px 10px;
	}
	a.arrow-right:hover:after{
		margin-left: 15px;
		background-image: url('../images/icon_arrow-right-color.svg');
	}


}


/*
Mobile Styles
================================================== */
@media only screen and (max-width: 767px) {
	
body{
	overflow: hidden;
}

#area_header .inner {
	height: 25vh;
}

h1, h2 {
	font-size: 40px;
	line-height: 50px;
}	
a.arrow-right{
	/* font-family: 'archiamedium'; */
	font-size: 18px;
}

#mobile_menu_wrapper{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #1e1e1e;
	z-index: 999;
	padding: 100px 50px;

	overflow-y: scroll;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}

.fullscreen_menu_open #mobile_menu_wrapper{
  display: -webkit-flex;
  -webkit-align-items: center;
  display: flex;
  align-items: center;
}
#mobile_menu_wrapper ul{
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;

  -webkit-transition: transform .5s ease .5s;
  -moz-transition: transform .5s ease .5s;
  -o-transition: transform .5s ease .5s;
  transition: transform .5s ease .5s;
  
	-webkit-transform: scale(1.5);  /* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: scale(1.5);  /* IE 9 */
	transform: scale(1.5);  /* Firefox 16+, IE 10+, Opera */
	opacity: 0;
}
.fullscreen_menu_open #mobile_menu_wrapper ul{
	transform: scale(1);
	opacity: 1;
}

#mobile_menu_wrapper ul li{
	display: block;
	margin: 15px 0px;
  text-align: center;
}
#mobile_menu_wrapper ul li a{
  font-size: 32px;
  padding: 10px;
}
#area_header{
	position: fixed;
}
.fullscreen_menu_open #area_header.sticky{
	background-color: transparent;
}

#area_header .inner{
}
#area_header.sticky .inner{
  height: 50px;
}
#area_header #logo_wrapper .logo{
	height: 35px;
}
#area_content .section .inner{
	min-height: calc(100%);
}
#area_content #content_intro.section .inner{
  display: -webkit-flex;
  -webkit-align-items: center;
  display: flex;
  align-items: center;
}
#area_header ul#menu{
	display: none;
}

.container{
	padding-left: 40px;
	padding-right: 40px;
}
.row{
	margin-right: -40px;
	margin-left: -40px;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9 {
	padding-left: 40px;
	padding-right: 40px;
}

#area_header,
#area_content .section .inner{
	padding-left: 0 !important;
	padding-right: 0 !important;
}

#area_content{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
.fullscreen_menu_open #area_content{
	overflow-y: hidden !important;
}



}	


@media only screen and (max-width: 1100px) {
#area_content .section{
	padding: 0px !important;
}

#area_content .section .inner{
	padding-left: 50px;
	padding-right: 50px;
}
#area_header{
	padding-left: 70px;
	padding-right: 70px;
}


}