html, body{
	width:100%;
	min-height:100%;
	font-family: sans-serif;
	color:#fed;
	font-size:12px;
}

body{
	background: #000 url('../images/bkg_nuke.jpg') center center no-repeat;
	background-size:cover;
	overflow: hidden;
}

.container{
	position: absolute;
	width:100%;
	min-height:100%;
	margin: 0px;
	padding: 0px;
	background: transparent url('../images/trump.png') left bottom no-repeat;
	background-size: initial;
}

.main-wrapper{
	background: rgba(0,0,0,0.85);
	position:absolute;
	width: 90%;
	max-width:700px;
	height: 96%;
	top:2%;
	left:50%;
	transform: translateX(-50%);
	overflow: auto;
}

.sociallinks{
    margin: 20px 20px;
    font-size: 1.5em;
	height: 1.5em;
}

.sociallinks a{
	color:#fff;
	text-decoration: none;
	padding: 0px 10px;
	float:right;
}

.flip-clock-wrapper {
    width: auto;
    float: left;
	transform-origin: 5% 0%;
	left:50%;
	transform: translateX(-50%);
	margin: 2em 0em !important;
	/*margin-left:-310px !important;*/
}

.flip-clock-divider .flip-clock-label {
	color: #fff;
}

.flip-clock-dot {
	background: #dcb;
}

.flip-clock-wrapper .flip {   
	box-shadow: 0px 1px 20px rgb(234, 56, 4); 
}

h1, h2{
	text-align:center;
	margin: 1em;
}

h1{
	font-size: 5em;
	margin: 0.5em;
	font-family: 'Stalinist One', sans-serif;
    text-transform: uppercase;
}

h2{
	font-size: 1.5em;
}

.pre{
	display:none;
}

p{
	margin: 2% 5%;
	font-size:1em;
	line-height: 1.2em;
}

blockquote{
	margin: 0% 10%;
	font-style: italic;
}


@media screen and (max-height: 600px)  {
	.flip-clock-wrapper{
		margin: 2em 0em 6em 0em !important;
	}
}

@media screen and (max-height: 700px)  {
	.container{
		background: transparent;
	}
	h1{
		font-size: 3em;
	}
	.main-wrapper{
		max-width: initial;
	}
	p{
		margin: 1% 5%;
		line-height: 1.2em;
	}
	.flip-clock-wrapper {

	}
}

@media screen and (max-width: 700px) {
	.container{
		background: transparent;
	}
	h1{
		font-size: 3em;
	}
	h2{
		margin-bottom: 0px;
	}
	.flip-clock-wrapper {
		width:620px;
		padding-left:25%;
		transform: translateX(-46%) scale(0.75);
	}
}

@media screen and (max-width: 450px) {
	.container{
		background: transparent;
	}
	h1{
		font-size: 2em;
	}
	.main-wrapper{
		
	}
	.flip-clock-wrapper {
		width:620px;
		padding-left:25%;
		transform: translateX(-25%) scale(0.4);
	}
	
}

@media screen and (max-width: 1600px) {
	.container{
		background-size:25%;
	}
}