body{
	padding:0;
	margin:0;
	background-color:#e2042e; 
}
@font-face {
    font-family: 'hestina';
     src: url('../assets/fonts/hestina.woff') format('woff');
}

@font-face {
    font-family: 'dutyfarm-bold';
     src: url('../assets/fonts/roboto-v30-latin-900.woff2') format('woff2'),
          url('../assets/fonts/roboto-v30-latin-900.woff') format('woff'),
          url('../assets/fonts/roboto-v30-latin-900.ttf') format('truetype');
}
@font-face {
    font-family: 'dutyfarm-regular';
   src: url('../assets/fonts/roboto-v30-latin-regular.woff2') format('woff2'),
          url('../assets/fonts/roboto-v30-latin-regular.woff') format('woff'),
          url('../assets/fonts/roboto-v30-latin-regular.ttf') format('truetype');
}
@font-face {
    font-family: 'dutyfarm-medium';
   src: url('../assets/fonts/roboto-v30-latin-500.woff2') format('woff2'),
          url('../assets/fonts/roboto-v30-latin-500.woff') format('woff'),
          url('../assets/fonts/roboto-v30-latin-500.ttf') format('truetype');
}
@font-face {
    font-family: 'dutyfarm-script-regular';
   src: url('../assets/fonts/script/courgette-v13-latin-regular.woff2') format('woff2'),
          url('../assets/fonts/script/courgette-v13-latin-regular.woff') format('woff'),
          url('../assets/fonts/script/courgette-v13-latin-regular.ttf') format('truetype');
}
#font1{
    font-family: 'dutyfarm-bold';
	position:absolute;
	left:-1000px;
	visibility:hidden;
}
#font2{
    font-family: 'dutyfarm-regular';
	position:absolute;
	left:-1000px;
	visibility:hidden;
}
#font3{
    font-family: 'dutyfarm-medium';
	position:absolute;
	left:-1000px;
	visibility:hidden;
}
#font4{
    font-family: 'dutyfarm-script-regular';
	position:absolute;
	left:-1000px;
	visibility:hidden;
}
.ecardtitle {
	font-family: 'dutyfarm-script-regular';
	font-size: 40px;
	color:#ffffff;
	margin-top:40px;
	line-height: 1.2 !important;
}
.btn-grey {
	background-color:#333333 !important;
	color:#ffffff !important;
	border-radius:0px !important;
	font-family: 'dutyfarm-regular';
	height: 44px;
	padding-left:20px;
	padding-right:20px;
	min-width:220px;
}
.btn-grey:hover{
	background-color:#d3d3d3 !important;
	color:#333333 !important;
}
.btn-turn{
	padding:10px;
	background-color:#ffffff !important;
	color:#000000 !important;
	border-radius:80px !important;
	
}
.btn-turn:hover{
	background-color:#cccccc !important;
}
.alink-grey {
	background-color:#333333 !important;
	color:#ffffff !important;
	font-family: 'dutyfarm-regular';
	height: 44px;
	padding-top:10px;
	min-width:200px;
	margin-bottom:20px;

}
.alink-grey:hover{
	color:#333333 !important;
		background-color:#d3d3d3 !important;
		
	
}
#downloadlink{
	color:#ffffff !important;
	text-decoration: none;
	
}
#downloadlink:hover{
		color:#333333 !important;
}

#sendbtn{
	margin-bottom:20px;
	min-width:280px;
}
.linkfield{
display:inline !important;
font-family: 'dutyfarm-regular';
border-radius:0px !important;
height: 44px;
border: 0px !important;
text-align:center;
}
.msgfield{
	font-family: 'dutyfarm-script-regular';
	font-size: 32px;
	height: 300px !important;
	line-height:1.2 !important;
   border: 1px #ffffff;
   margin-bottom:5px;
   border-radius:0px;
}

.inputfield{
	font-family: 'dutyfarm-script-regular';
	font-size: 32px;
	border-bottom: 2px solid #0253A7;
	border-radius:0px;
	border-left:0px;border-right:0px;border-top:0px;

}


.flip-image-border{

	 border: 20px solid #ffffff;
-webkit-box-shadow: 0px 0px 16px 5px rgba(0,0,0,0.5); 
box-shadow: 0px 0px 16px 5px rgba(0,0,0,0.5); 

}

.flipping-container{
visibility: hidden;
}

.card-background{
	background-color:#ffffff;
	padding:20px;
	/*margin-top:20px;*/
	/*margin-bottom:20px;*/
	
	-webkit-box-shadow: 0px 0px 16px 5px rgba(0,0,0,0.5); 
box-shadow: 0px 0px 16px 5px rgba(0,0,0,0.5); 
}
.card-message{
	border-right: 2px solid #0253A7;
}
.labeltext{
	font-family: 'dutyfarm-medium';
	font-size: 22px;
	color:#404040;
		margin-bottom:10px;
}
.countdowntext{
	font-family: 'dutyfarm-medium';
	font-size: 22px;
	color:#999999;
	margin-bottom:10px;
}
.bannerimage{
	width:100%;
	border-bottom: 2px solid #0253A7;
}

#postcard-row{
	margin-top:30px;
	margin-bottom:30px;
}
.game-row{
	margin-top:30px;
	
}
#game canvas{

	-webkit-box-shadow: 0px 0px 16px 5px rgba(0,0,0,0.5); 
box-shadow: 0px 0px 16px 5px rgba(0,0,0,0.5); 
}


/*XS///////////////////////////////////////////////////*/
@media(max-width:576px){
	
.ecardtitle {
	font-size: 34px;
	margin-top:20px;	
}

.flip-images{
	width: 340px;
	height: 233px;
}

.flip-image-border{	
border: 10px solid #ffffff;
-webkit-box-shadow: 0px 0px 16px 5px rgba(0,0,0,0.5); 
box-shadow: 0px 0px 16px 5px rgba(0,0,0,0.5); 
}

.card-message{
	border-right: 0px solid #ffffff;
}


.inputfield{
	font-size: 28px;
}
.msgfield{
	font-size: 28px;
	height:200px !important;
}
.card-address{
	margin-bottom:20px;
}


.labeltext{

	font-size: 20px;
		margin-bottom:0px;
}
#postcard-row{
	margin-top:20px;
}
.game-row{
	margin-top:20px;
	
}

.btn-grey,.alink-grey {
min-width:100%;
}

#sendbtn{

min-width:100%!important;
}


}
/*SM///////////////////////////////////////////////////*/
@media(min-width:576px){
	
.ecardtitle {
font-size: 36px;
margin-top:30px;
}

.flip-images{
width: 440px;
height: 302px;
}

.flip-image-border{	
border: 10px solid #ffffff;
-webkit-box-shadow: 0px 0px 16px 5px rgba(0,0,0,0.5); 
box-shadow: 0px 0px 16px 5px rgba(0,0,0,0.5); 
}

.card-message{
	border-right: 0px solid #ffffff;
}

.inputfield{
	font-size: 28px;
}
.msgfield{
	font-size: 28px;
	height:200px !important;
}
.card-address{
	margin-bottom:20px;
}


.labeltext{

	font-size: 20px;
		margin-bottom:0px;
}
#postcard-row{
	margin-top:20px;
}

.game-row{
	margin-top:20px;
	
}

.btn-grey,.alink-grey{
	min-width:100%;
}
.navbar2-row {
	padding-left:15px;
	padding-right:15px;
}
#sendbtn{

	min-width:100%!important;
}

}
/*MD///////////////////////////////////////////////////*/
@media(min-width:768px){

.flip-images{
width: 580px;
height: 399px;
}

.flip-image-border{	
border: 15px solid #ffffff;
-webkit-box-shadow: 0px 0px 16px 5px rgba(0,0,0,0.5); 
box-shadow: 0px 0px 16px 5px rgba(0,0,0,0.5); 
}

.card-message{
	border-right: 2px solid #0253A7;
}


.inputfield{
	font-size: 28px;
}
.msgfield{
	font-size: 28px;
	height:380px !important;

}
.card-address{
	margin-bottom:0px;
	
}


.labeltext{

	font-size: 22px;
		margin-bottom:10px;
}
#postcard-row{
	margin-top:30px;
}


.btn-grey,.alink-grey {
	min-width:220px;
	max-width:280px;
}
.navbar2-row {
	padding-left:0px;
	padding-right:0px;
}
#sendbtn{

	min-width:280px !important;
}


}
/*LG///////////////////////////////////////////////////*/
@media(min-width:992px){
	
	.flip-images{
		width: 680px;
		height: 468px;
	}

.flip-image-border{	
border: 20px solid #ffffff;
-webkit-box-shadow: 0px 0px 16px 5px rgba(0,0,0,0.5); 
box-shadow: 0px 0px 16px 5px rgba(0,0,0,0.5); 
}
.inputfield{
	font-size: 32px;
}
.msgfield{
	font-size: 32px;
	height:400px !important;

}
	
.navbar2-row {
	padding-left:0px;
	padding-right:0px;
}

}
/*XL///////////////////////////////////////////////////*/
@media(min-width:1200px){
	
	.ecardtitle {
		font-size: 40px;
		margin-top:40px;

	}
	.flip-images{
		width: 770px;
		height: 530px;
	}
	
	.inputfield{
	font-size: 32px;
}
.msgfield{
	font-size: 32px;
	height:400px !important;

}

.navbar2-row {
	padding-left:0px;
	padding-right:0px;
}

	

}