.sign{-moz-animation: swing 6s ease-in-out infinite;-moz-transform-origin: center top;-webkit-animation:swing 6s ease-in-out infinite;-webkit-transform-origin: top center; max-width:16vw;position: absolute; left: 53.53vw;bottom: calc(28.0vw + 2vh);border-style:none}

@keyframes swing {0% {transform: rotate(5deg);} 50% {transform: rotate(-5deg);} 100% {transform: rotate(5deg);}}
@-moz-keyframes swing{  0%{-moz-transform:rotate(5deg)} 50%{-moz-transform:rotate(-5deg)} 100%{-moz-transform:rotate(5deg)}}
@-webkit-keyframes swing{ 0%{-webkit-transform:rotate(5deg)} 50%{-webkit-transform:rotate(-5deg)} 100%{-webkit-transform:rotate(5deg)}}

.top_div{padding-left: 8vw;padding-top: 2vh;background-image: url("images/holding_page_bg.png");background-repeat: repeat-x;background-position: left bottom;background-size: contain;height:98vh;z-index:1} 		
body{width:100%;height:100%;padding:0;margin:0;font-family: open sans; overflow: hidden;background-image: linear-gradient(to top, #fbc2eb 0%, #a6c1ee 100%);}

h1{font-size:xx-Large;font-weight:700}
p{font-size: Large}
.logo{height: 31px; position: relative;top: 6px}
#canvas {position: absolute;display: block;top: 0;left: 0;z-index: -1}

@media (min-aspect-ratio: 1851/1038) {
	.top_div{background-size: cover;background-position:left top;}
	.sign {position: absolute; top:8.0vw;}	
}
	

@media (max-width:1851px){
	h1{font-size:x-Large;font-weight:700}
	p{font-size: normal}	
	.sign{position: absolute; left: 53.53vw;bottom: calc(28vw + 2vh)}				
}

@media (max-width:1050px) and (orientation: landscape){	
	body{overflow-y:visible;}	
}

@media (max-width:769px){	
	h1{font-size:Large;font-weight:700}
	p{font-size: normal}
	.logo{height: 18px; position: relative;top: 4px}	
	body{overflow-y:visible;}	
}

@media (max-width:769px) and (orientation: portrait){	
	.sign {position: absolute; top:8.0vw;margin-top:100px;}
  	.top_div{background-position: left top 100px;} 
}

@media (max-width:611px){		
	p{font-size: smaller}	
}

}