*{box-sizing: border-box;}
html, body{ margin:0px; padding:0px; font-family: 'Inter', Arial, "sans-serif"; font-size: 16px;}
a{ text-decoration:none}
img{ border:none; max-width:100%}
body{ background-color:#fbf4db}
.fullpage_container{ position:relative; width:100%; height:100%}
.logo{ display:flex; justify-content:right; text-align:right; padding:15px}
.logo img{ max-width:228px}
.right_content{ position:relative; width:40%; top:0; padding:50px; height:100%}
h1{ margin-bottom:40px; font-size:100px; line-height:1; text-align:left; text-transform:uppercase; color: #000; font-family: "Inter", sans-serif; font-weight: 700;}
/*.neon_text{ color: #fff; font-family: "Tilt Neon", sans-serif;
    text-shadow: 0 0 5px #0000FF, 0 0 10px #0000FF, 0 0 15px #0000FF, 0 0 20px #0000FF, 0 0 25px #0000FF, 0 0 30px #0000FF, 0 0 35px #0000FF;
	font-size:120px; line-height:1; text-align:left; text-transform:uppercase;
    letter-spacing: 5px;
    font-weight: 400;
}*/
.left_img_container{ position:relative; width:60%; right:0; height:100%;}
.left_img_container img{ height:100%}
.content_wrapper{ display:flex; flex-direction: row; height:100%; width:100%; position:relative;}
.btn_wrapper{ display:flex; justify-content:left; }
.button {
    display: inline-block;
	position:relative;
    font-size: 34px;
    font-weight: 600;
    font-family: Inter, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    line-height: 68px;
    align-items: center;
    text-align: center;
    color: rgb(0, 0, 0);
    background-color: initial;
    text-decoration: none;
    transition: 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
    border-width: 2px;
    border-style: solid;
    border-color: #000;
    border-image: initial;
    border-radius: 5rem;
    padding: 0.5rem 0.5rem 0.6rem 2.5rem;
}
.button .cta-icon {
    margin-left: 3rem;
    position: raltive;
    display: inline-block; width:68px; height:68px;
    bottom: -6px;
	color: transparent;
	background: url("../images/arrow.png") no-repeat 0 0;
	/*background-size:50px 50px;
    transition: 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);*/
}
.button:hover .cta-icon {
    /*transform: translateX(8px);*/
}
.button.primary-button--blue {
    background-color: rgba(0,0,0,0);
    border-color: #000;
    color: #000;
}
.button.primary-button--blue:hover {
    background-color: #000;
    border-color: #000;
    color: #fff;
}

@media (min-width: 1920px) {
	.fullpage_container{ width:1920px; margin:0 auto;}
}

@media (max-width: 1366px) {
	h1{ font-size:80px; margin-top:0px}
	.button{ line-height:50px; padding: 0.5rem 0.5rem 0.6rem 2.5rem;}
	.button .cta-icon { width:50px; height:50px; background-size:50px 50px; }
	.right_content{ padding:30px 50px; margin-top:0px}
	.logo img{ max-width:160px}
	.left_img_container{ text-align:right; padding-right:50px}
	.left_img_container img{ width:100%; max-width:520px}
}
@media (max-width: 1280px) {
	.right_content{ padding:30px 50px; margin-top:2%}
	h1{ font-size:65px}
	
}
@media (max-width: 1024px) {
.right_content{ padding:30px; margin-top:0px}
h1{ margin-bottom:25px;}
}

@media (max-width: 900px) {
	.content_wrapper{ display:block}
	.right_content{ width:100%; margin-top:0px; padding:30px}
	h1{ margin-top:0px}
	.left_img_container{ width:100%; text-align:center; right:0; padding-right:0px}
	.button{ line-height:40px; padding: 0.5rem 0.5rem 0.6rem 2.5rem;}
	.button .cta-icon { width:40px; height:40px; background-size:40px 40px; }
	.left_img_container img{ width:100%; max-width:100%}
}
@media (max-width: 768px) {
	h1{ font-size:40px}
	.button{ line-height:30px; font-size:26px; padding: 0.5rem 0.5rem 0.6rem 1.5rem;}
	.button .cta-icon { width:30px; height:30px; background-size:30px 30px; }
}