*, *::after, *::before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix::before, .clearfix::after {display: table;  content: ''; }
.clearfix::after { clear: both; }

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
header {
    margin-bottom: 12px;
    position: fixed;
    width: 100%;
    z-index: 9999;
    top: 0px;
}

header.home-header {
    width: auto; 
    margin-left: 60px;
}
.home-c4c-logo {
    margin-top: 40px; 
    margin-bottom: 60px; 
    width: 200px;
}
@media (max-width: 1600px) {
    .isolayer--scroll1 {max-width: 1300px !important;}
}
@media (max-width: 1440px) {
    .isolayer--scroll1 {max-width: 1200px !important;}
}

@media (max-width: 480px) {
    .isolayer--scroll1 {width: 140vw !important;}
    header.home-header {margin-left: 30px;}   
}

.isolayer.isolayer--scroll1 {
    transform: translateX(-5vw) translateY(120px) rotateX(45deg) rotateZ(45deg);
}

@media screen and (max-width: 50em) {	
	
	.isolayer.isolayer--scroll1 {
		top: 35vh;
		transform: translateX(-80vw) translateY(-120px) rotateX(45deg) rotateZ(45deg) !important;
	}
	
}
@media screen and (max-width: 480px)
header.home-header {
    margin-left: 30px;
}