@charset "UTF-8";

/* montserrat-300 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/montserrat-v23-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/montserrat-v23-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v23-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v23-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v23-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v23-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-500 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/montserrat-v23-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/montserrat-v23-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v23-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v23-latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v23-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v23-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
}



body {
      
	color: #393b36;	
	font-family: 'Montserrat', Montserrat, Arial, sans-serif;
    font-weight: 300;
	font-size: 18px; 
    line-height: 165%;
	background-color:#eeefed;
    padding: 0;
    margin: 0;
    }
	  
h1, h2, h3, h4 {
    font-weight: 500;
    line-height: 135%;
}
h1 {
    font-size: 2.5em;
}
h2 {
    font-size: 1.8em;
}
h3 {
    font-size: 1.4em;
}
h4 {
    font-size: 1.2em;
}
strong, b {
    font-weight: 500;
}
.uppercase {
    text-transform: uppercase;
}
a, a:visited {
    color: #393b36;	
}
a:hover {
    color: #1d1e1b;	
}

#wrapper {
	width: 100vw;
	height: 100vh;
	overflow: auto;}
	
#container {
    height: auto;
    margin: 0;
    left: 50%;
    transform: translateX(-50%);
    position: relative;
    width: 86%;
    max-width: 1140px;
    display: block;
}
#content {
    position: relative;
    display: block;
    margin: 40px auto 80px;
    height: auto;
    max-width: 500px;
}
.content-1, .content-2 {
    width: 100%;
    position: relative;
    display: block;
    
}
.content-footer {
  text-align: center;
  display: block;
  padding: 120px 0 0;
  clear: both;
}
.divider {
    width: 100%;
    height: 1px;
    background-color: #acb1a5;
    margin-bottom: 30px;
}
.visual {
    background-position: center center;
    background-size: cover;
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    position: relative;
    aspect-ratio: 5 / 3;
}

.image-in {
max-width: 100%;
}
.image-in img {
    max-width: 100%;
}

@media only screen and (max-width: 767px){
    .visual {
        background-image: url("img/img-yy.jpg");
        aspect-ratio: 5 / 3;
    }
}
@media only screen and (min-width: 768px){
    .visual {
        background-image: url("img/img-yy.jpg");
    }
}

#logo {
    position: absolute;
    right: 25px;
    display: block;
    height: 150px;
    padding: 30px 0 80px;
}
#logo img {
    position: absolute;
    display: block;
    right: 0;
    max-width: 240px;
    height: auto;
    margin-left: 0;
    
}


.myButton {
	background-color:transparent;
    border: 1px solid #acb1a5;
    width: 100%;
    
    text-align: center;
	display:inline-block;
	cursor:pointer;
	color:#393b36;
	font-size:18px;
	padding:14px 0;
	text-decoration:none;
    transition: all 0.2s ease 0s;
    margin: 0 5px 5px 0;
}
.myButton:hover {
    border: 1px solid #393b36;
}
.myButton:active {
	position:relative;
	top:1px;
}
.button-social {
    width: calc(50% - 5px);
    float: left;
}
.button-social:last-child {
    margin-right: 0;
}


@media only screen and (max-width: 959px){

.content-1, .content-2 {
  width: 100%;
  padding-right: 0;

}
#logo img {
    right: 0;
}

}
@media only screen and (max-width: 767px){

#container {
    left: 0;
    transform: translateX(0%);
    width: 100%;
}
#content {
  padding: 0 40px;
}

}
@media only screen and (max-width: 479px){
	#container {
	}
}

/*// fixes aspect-ratio on Safari*/
@supports not (aspect-ratio: 16 / 11) {
    .visual {
        height: 440px;
    }
}