@font-face {
    font-family: 'Mountains of Christmas';
    src: url('https://sleepsuntilchristmas.andyparmo.co.uk/css/fonts/MountainsofChristmas-Regular.ttf') format('ttf');
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Mountains of Christmas Bold';
    src: url('https://sleepsuntilchristmas.andyparmo.co.uk/css/fonts/MountainsofChristmas-Bold.ttf') format('ttf');
    font-style: normal;
    font-display: swap;
}

body {
	background: #0b2903 url(images/body_bg.jpg) top left no-repeat;
	font-size: 16px;
}

.clear{
	clear: both;
}

#main {
	position: relative;
	width: 80%;
	overflow: auto;
	margin: 50px auto 0;
	padding: 5%;
	text-align: center;
	background: url(images/bg_01.png) center left no-repeat #fff;
	background: url(images/bg_01.png) center left no-repeat rgba(255,255,255,0.6);
	border: solid 6px #ff0000;
    border-radius: 15px;
    box-shadow: 0px 0px 4px 0px #000;
}

.number {	
	color: #FF0000;
	font: 14em 'Mountains of Christmas Bold', Palatino Linotype, Book Antiqua, serif;
	text-align: center;
	text-shadow: 2px 2px 4px #000;
}

.count {
	width: 80%;
	float: right;
	color: #FF0000;
	font: 4em 'Mountains of Christmas', Palatino Linotype, Book Antiqua, serif;
	text-align: right;
	text-shadow: 2px 2px 4px #000;
}

.twitter-share-button{
	margin: 10px auto;
}

#footer {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding: 20px 0;
	color: #FFFFFF;
	font-family: 'Mountains of Christmas', Palatino Linotype, Book Antiqua, serif;
	font-size: 20pt;
	text-shadow: 1px 1px 3px #000;
	
}

#footer a:link{
	color: #FFFFFF;
	text-decoration: none;
}

#footer a:visited{
	color: #FFFFFF;
	text-decoration: none;
}

#footer a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

#footer a:active{
	color: #FFFFFF;
	text-decoration: none;
}

@media screen and (max-width: 768px) {
	.socnet{
		float: left;
		clear: both;
	}
	#main {
		margin-top: 10%;
		background: url() #fff;
		background: url() rgba(255,255,255,0.6);
		border: solid 3px #ff0000;
	}
	.number{
		font-size: 9em;
	}
	.count {
		width: 100%;
		float: none;
		text-align: center;
		font-size: 3em;
	}
	
}