html{
	overflow-x:hidden;
	background:#222332;
	height:100%;
	margin:0; 
	padding:0;
}
html {-webkit-font-smoothing: antialiased;}
body{ 
	margin:0; 
	padding:0; 
	height:100%;
}
h1{
margin:0;
padding:0;
}
p{
margin:0;
padding:0;
}
@font-face {
    font-family: 'quantumlatin-bold';
    src: url('../fonts/quantumlatin-bold.eot');
    src: url('../fonts/quantumlatin-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/quantumlatin-bold.woff2') format('woff2'),
         url('../fonts/quantumlatin-bold.woff') format('woff'),
         url('../fonts/quantumlatin-bold.ttf') format('truetype'),
         url('../fonts/quantumlatin-bold.svg#overpass_monoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'quantumlatin-medium';
    src: url('../fonts/quantumlatin-medium.eot');
    src: url('../fonts/quantumlatin-medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/quantumlatin-medium.woff2') format('woff2'),
         url('../fonts/quantumlatin-medium.woff') format('woff'),
         url('../fonts/quantumlatin-medium.ttf') format('truetype'),
         url('../fonts/quantumlatin-medium.svg#overpass_monoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.holding-content{
	width:90%;
	text-align:center;
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	color:#C27056;
}
.holding-content h1{
	text-transform:uppercase;
	font-family: 'quantumlatin-medium';
	font-weight:normal;
	font-size:22px;
	color:#C27056;
	line-height:28px;
	margin-bottom:135px;
}
.holding-content p{
	text-transform:uppercase;
	font-family: 'quantumlatin-medium';
	font-weight:normal;
	font-size:26px;
	color:#C27056;
	margin-bottom:6px;
	line-height:32px;
	text-decoration: none;
}
.holding-content p a{
	text-transform:uppercase;
	font-family: 'quantumlatin-medium';
	font-weight:normal;
	font-size:26px;
	color:#C27056;
	margin-bottom:6px;
	line-height:32px;
	text-decoration: none;
	transition: All 0.2s ease-in-out; 
	-webkit-transition: All 0.2s ease-in-out; 
	-moz-transition: All 0.2s ease-in-out; 
	-o-transition: All 0.2s ease-in-out;
	word-wrap:break-word
}
.holding-content p a:hover{
	color: #fff;
}
.holding-content p b{
	font-weight:normal;
	font-family: 'quantumlatin-bold';
}

.holding-box{
	text-align:center;
	margin-top:65px;
}
.holding-box p{
	font-size:22px;
	text-align:center;
	display:inline-block;
	color:#C27056;
}
.holding-box p span:nth-child(2){
	display:inline-block;
	width:176px;
	height:2px;
	background:#C27056;
	margin-top:14px;
	margin-left:10px;
	margin-right:10px;
}
.holding-box p span{
	float:left;
}


.move-up2down{
	animation:up2down 0.6s forwards;
	-moz-animation:up2down 0.6s forwards;	
	-webkit-animation:up2down 0.6s forwards;
	-o-animation:up2down 0.6s forwards;
}

.move-down2up{
	animation:down2up 0.6s forwards;
	-moz-animation:down2up 0.6s forwards;	
	-webkit-animation:down2up 0.6s forwards;
	-o-animation:down2up 0.6s forwards;
}


@keyframes up2down {
0%   {
    opacity: 0;
    -webkit-transform: translate3d(0,-20px,0); 
    transform: translate3d(0,-20px,0); 
}

100% {
    opacity: 1;
    -webkit-transform: translate3d(0,0px,0); 
    transform: translate3d(0,0px,0); 
}
}
@-webkit-keyframes up2down {
0%   {
    opacity: 0;
    -webkit-transform: translate3d(0,-20px,0); 
    transform: translate3d(0,-20px,0); 
}

100% {
    opacity: 1;
    -webkit-transform: translate3d(0,0px,0); 
    transform: translate3d(0,0px,0); 
}
}
@-o-keyframes up2down {
0%   {
    opacity: 0;
    -webkit-transform: translate3d(0,-20px,0); 
    transform: translate3d(0,-20px,0); 
}

100% {
    opacity: 1;
    -webkit-transform: translate3d(0,0px,0); 
    transform: translate3d(0,0px,0); 
}
}
@-moz-keyframes up2down {
0%   {
    opacity: 0;
    -webkit-transform: translate3d(0,-20px,0); 
    transform: translate3d(0,-20px,0); 
}

100% {
    opacity: 1;
    -webkit-transform: translate3d(0,0px,0); 
    transform: translate3d(0,0px,0); 
}
}


@keyframes down2up {
0%   {
    opacity: 0;
    -webkit-transform: translate3d(0,20px,0); 
    transform: translate3d(0,20px,0); 
}

100% {
    opacity: 1;
    -webkit-transform: translate3d(0,0px,0); 
    transform: translate3d(0,0px,0); 
}
}
@-webkit-keyframes down2up {
0%   {
    opacity: 0;
    -webkit-transform: translate3d(0,20px,0); 
    transform: translate3d(0,20px,0); 
}

100% {
    opacity: 1;
    -webkit-transform: translate3d(0,0px,0); 
    transform: translate3d(0,0px,0); 
}
}
@-o-keyframes down2up {
0%   {
    opacity: 0;
    -webkit-transform: translate3d(0,20px,0); 
    transform: translate3d(0,20px,0); 
}

100% {
    opacity: 1;
    -webkit-transform: translate3d(0,0px,0); 
    transform: translate3d(0,0px,0); 
}
}
@-moz-keyframes down2up {
0%   {
    opacity: 0;
    -webkit-transform: translate3d(0,20px,0); 
    transform: translate3d(0,20px,0); 
}

100% {
    opacity: 1;
    -webkit-transform: translate3d(0,0px,0); 
    transform: translate3d(0,0px,0); 
}
}



@media screen and (max-width: 640px){
.holding-content h1{
	font-size:16px;
	line-height:22px;
	margin-bottom:65px;
}
.holding-box{
	margin-top:30px;
}
.holding-content p{
	font-size:20px;
	line-height:26px;
}
.holding-box p{
	font-size:18px;
}
.holding-box p span:nth-child(2){
	margin-top:11px;
}
}
@media screen and (max-width: 560px){
.holding-box p span:nth-child(2){
	width:60px;
}
}