@charset "utf-8";

body {
	background-color: #ff0000;
    color:#ffffff;
	/*  font-family: "Century Gothic";*/
  font-family: 'GothicCustom', tahoma, sans-serif;
margin:0px;
padding:0px;
}
body, html {
  height: 100%;
}
/*@font-face {
    font-family: "Century Gothic";
    src: url("armour/fonts/Gothic.TTF")
}
*/
@font-face {
  font-family: 'GothicCustom';
    src: url("armour/fonts/CenturyGothic.eot");
    src: local('Century Gothic'),
       url("CenturyGothic.svg#lg") format('svg'),
       url("CenturyGothic.ttf") format('truetype'),
	   url('CenturyGothic.woff2') format('woff2'),
	   url("CenturyGothic.woff") format('woff');
}

.header-cont {
	margin: 20px 0px 0px 0px;
	padding: 15px 0px 15px 0px;z-index:1; width:100%;
	background-color: #ff0000;
	}
	
	.header {width: 100%;z-index:1; min-width:420px; padding:0px 15px 0px 15px;}
		.linkactive  {color:#000000 !important; text-decoration:none; font-weight:bold;}
	#logo { width: 85px; float:left; max-height:40px;}
	#logo img {width:100%;}
	
	#menu {width:75%;float:left; font-family: 'GothicCustom', tahoma, sans-serif;  margin: 15px 0px 0px 0px; color:#ffffff;}
	#menu a {color:#ffffff; letter-spacing:1px;}
	#menu a:hover {color:#000000; text-decoration:none; font-weight:bold;}
	.padding-lg{padding:25px;}
	.padding{padding:15px;}
	.mainbody { width:100%;
	text-align:center; position:relative; line-height:24px; font-size:15px; background-color: #ff0000;   }
	.gift-button{width:300px;  
   height: 300px;
   margin-top: 150px; /* Half the height */
	}
	.giftbox{margin-top:25%; display:inline-block;}
	.mainbody-left { width:40%;  display: table-cell; text-align:left; line-height:24px;}
	.mainbody-right {width:40%;  display: table-cell; text-align:center; 
        vertical-align: top;}
	.mainbody-blocks {width:49%; float:left; text-align:left;  
        vertical-align: top;    min-height: 410px;}
	
	a:link { text-decoration:none;}
	a:active {color:#000000; text-decoration:none}
	a:visited { text-decoration:none}
	a:hover {color:#000000; text-decoration:none; font-weight:bold;}
.playpause {
    background-image:url(armour/gfx/play.png);
    background-repeat:no-repeat;
    width:100%;
    height:100%;
    position:absolute;
    left:0%;
    right:0%;
    top:0%;
    bottom:0%;
    margin:auto;
  
    background-position: center;
		background-color: #ff0000;
}
	video {
/*object-fit: fill; */
}
video { 
min-width: 100%;
    min-height: 100%;
	
/* object-fit: fill;
   width: 100%;
    height: 100%;
    max-height: 100%;
 	 position: absolute;
     top: 0px;
     left: 0px;
     min-width: 100%;
     min-height: 100%;
     width: auto;
     height: auto;
     z-index: -1000;
     overflow: hidden;*/

}
.center {
  position: absolute;
  left: 50%;
  top: 50%;
  
  /*
  Nope =(
  margin-left: -25%;
  margin-top: -25%;
  */

  /* 
  Yep!
  */
  transform: translate(-50%, -50%);
  
  /*
  Not even necessary really. 
  e.g. Height could be left out!
  */
  width: 40%;
  height: 50%;
}
.mainbody-cont { width:100%; max-width:750px; min-height:400px; display:inline-block;}

.centermain {width:70%; display:inline-block;}
.maincont {margin-top:180px;width:100%; background-color:#ff0000;}
@media screen and (max-width:800px) {
		
		.giftbox{margin-top:35%; display:inline-block;}
	}
	@media screen and (max-width:680px) {
		.gift-button{width:70%;margin-top:200px;}
		.mainbody-left {
    width: 100%;
    display: block;
    text-align: center;
}
		
	.mainbody-right {
    width: 100%;
	overflow:hidden;
    display: block;
    text-align: center;
}
		.mainbody-blocks {width:100%; display:block; text-align:center;}
		.giftbox{margin-top:60%;}
		#menu {width:70%;float:left; font-family: 'GothicCustom', tahoma, sans-serif;  margin: 15px 0px 0px 0px; color:#ffffff;}
		
		.padding{padding:15px;}
		.header {width: 100%;z-index:1; max-width:400px; padding:0px 5px 0px 5px;}
		.centermain {width:95%; display:inline-block;}
		.maincont {margin-top:150px;width:100%; background-color:#ff0000;}
	}
	
		@media screen and (max-width:450px) {
		.gift-button{width:70%;margin-top:200px;}
		.mainbody-left {
    width: 100%;
    display: block;
    text-align: center;
}
		
	.mainbody-right {
    width: 100%;
	overflow:hidden;
    display: block;
    text-align: center;
}
		.mainbody-blocks {width:100%; display:block; text-align:center;}
		.giftbox{margin-top:60%;}
		#menu {width:67%;float:left; font-family: 'GothicCustom', tahoma, sans-serif;  margin: 15px 0px 0px 0px; color:#ffffff;}
		
		.padding{padding:15px;}
		.header {width: 100%;z-index:1; max-width:400px; padding:0px 5px 0px 5px;}
		.centermain {width:98%; display:inline-block;}
		.maincont {margin-top:150px;width:100%; background-color:#ff0000;}
	}
	
	/*(ldpi) Android*/
@media only screen and (-webkit-device-pixel-ratio:.75){

  /*CSS  */
  
}

/*(mdpi) Android*/
@media only screen and (min-device-width : 480px) and (max-device-width : 800px) {

  /*CSS  */
}

/*(hdpi) Android*/
@media only screen and (-webkit-device-pixel-ratio:1.5){

  /*CSS  */

}