
html {
	height: 100%;
}
body {
	height: 100%;
	width: 100%;
	font-family: LMRoman10-Regular;
	overflow: hidden;
	background-color: maroon;
	font-size: 3vh;
}
.container {
	display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: column;
   	flex-direction: column;
   	-webkit-justify-content: center;
	    justify-content: center;
		-webkit-align-items: center;
		align-items: center;
   	max-width: 98.2vw;
   	min-width: 98.2vw;
   	max-height: 97.8vh;
      min-height: 97.8vh;
}
.one {
	display: -webkit-flex;
   display: flex;
	-webkit-flex: 1 0 0;
	flex: 1 0 0;
	-webkit-justify-content: center;
    justify-content: center;
	-webkit-align-items: center;
	width: 100%;
	align-items: center;
	text-align: center;
	color: gold;
	background-color: maroon;
	font-size: 5.4vh;
	margin: 4px;
	text-shadow: 2.0px 2.0px black;
	box-shadow: inset 1px 1px 4px -2px #FFF, 2px 2px 3px  #1F1F1F;
}
.two {
	display: -webkit-flex;
    display: flex;
	-webkit-flex: 1 0 0;
	flex: 1 0 0;
	-webkit-justify-content: center;
    justify-content: center;
	-webkit-align-items: center;
	width: 100%;
	align-items: center;
	text-align: center;
	color: gold;
	background-color: maroon;
	font-size: 3.5vh;
	text-shadow: 2.0px 2.0px black;
	margin: 4px;
	box-shadow: inset 1px 1px 4px -2px #FFF, 2px 2px 3px  #1F1F1F;
}
.three {
	display: -webkit-flex;
    display: flex;
	-webkit-flex: 1 0 0;
	flex: 1 0 0;
	-webkit-justify-content: center;
    justify-content: center;
	-webkit-align-items: center;
	width: 100%;
	align-items: center;
	text-align: center;
	color: gold;
	background-color: maroon
	font-style: italic;
	font-size: 3.0vh;
	text-shadow: 2.0px 2.0px black;
	margin: 4px;
	box-shadow: inset 1px 1px 4px -2px #FFF, 2px 2px 3px  #1F1F1F;
}
.four {
	display: -webkit-flex;
    display: flex;
	-webkit-flex: 3 0 0;
	flex: 3 0 0;
	-webkit-justify-content: center;
    justify-content: center;
	-webkit-align-items: center;
	width: 100%;
	align-items: center;
	background-color: maroon;
	margin: 4px;
	box-shadow: inset 1px 1px 4px -2px #FFF, 2px 2px 3px  #1F1F1F;
}
.five {
	display: -webkit-flex;
    display: flex;
	-webkit-flex: 1 0 0;
	flex: 1 0 0;
	-webkit-justify-content: center;
    justify-content: center;
	-webkit-align-items: center;
	width: 100%;
	align-items: center;
	background-color: maroon;
	margin: 4px;
	box-shadow: inset 1px 1px 4px -2px #FFF, 2px 2px 3px  #1F1F1F;
}
.five > img {
	height: 12vh;
}
button {
  border: none;
  outline: none;
  margin-top: 4px;
  text-align: center;
  color: white;
  font-size: 13px;
  box-shadow: 2px 2px 30px  #000;
  text-shadow: 1px 1px #1F1F1F;
}
.AmhButton {
  box-shadow: inset 1px 1px 4px -2px #FFF, 2px 2px 3px  #1F1F1F;
  background: -webkit-linear-gradient(bottom, #882D17 0%, #800000 100%);
  background: -moz-linear-gradient(bottom, #882D17 0%, #800000 100%);
  background: -ms-linear-gradient(bottom, #882D17 0%, #800000 100%);
  background: -o-linear-gradient(bottom, #882D17 0%, #800000 100%);
  background: linear-gradient(bottom, #882D17 0%, #800000 100%);
}

.AmhButton > img {
	height: 27vh;
}

.AmhButton:hover, .AmhButton:focus {
  box-shadow: inset 1px 1px 4px -2px #FFF, 2px 2px 3px  #1F1F1F, inset 0 0 15px 2px #882D17;
  background: -webkit-linear-gradient(bottom, #EC5800 0%, #800000 100%);
  background: -moz-linear-gradient(bottom, #EC5800 0%, #800000 100%);
  background: -ms-linear-gradient(bottom, #EC5800 0%, #800000 100%);
  background: -o-linear-gradient(bottom, #EC5800 0%, #800000 100%);
  background: linear-gradient(bottom, #EC5800 0%, #800000 100%);
}

.AmhButton:active {
  box-shadow: 1px 1px 4px -2px #6C6C6C, inset 1px 1px 3px #052005;
  background: -webkit-linear-gradient(bottom, #AE0C00 0%, #800000 100%);
  background: -moz-linear-gradient(bottom, #AE0C00 0%, #800000 100%);
  background: -ms-linear-gradient(bottom, #AE0C00 0%, #800000 100%);
  background: -o-linear-gradient(bottom, #AE0C00 0%, #800000 100%);
  background: linear-gradient(bottom, #AE0C00 0%, #800000 100%);
}

@media only screen and (min-width: 320px) {
	body {
		font-size: 2.3vw;
	}
	.one {font-size: 5.0vw;}
	.two {font-size: 3.8vw;}
	.three {font-size: 3.7vw;}
	.container {
   	max-width: 95.0vw;
   	min-width: 95.0vw;
   	max-height: 97.6vh;
      min-height: 97.6vh;
	}
}

@media only screen and (min-width: 360px) {
	body {
		font-size: 2.3vw;
	}
	.one {font-size: 5.0vw;}
	.two {font-size: 3.7vw;}
	.three {font-size: 3.7vw;}
	.container {
   	max-width: 95.0vw;
   	min-width: 95.0vw;
   	max-height: 97.6vh;
      min-height: 97.6vh;
	}
}

@media only screen and (min-width: 480px) {
	body {
		font-size: 2.3vw;
	}
	.one {font-size: 5.0vw;}
	.two {font-size: 3.7vw;}
	.three {font-size: 3.7vw;}
	.container {
   	max-width: 96.0vw;
   	min-width: 96.0vw;
   	max-height: 96.7vh;
      min-height: 96.7vh;
	}
}

@media only screen and (min-width: 640px) {
	body {
		font-size: 2.3vw;
	}
	.one {font-size: 5.0vw;}
	.two {font-size: 3.7vw;}
	.three {font-size: 3.7vw;}
	.container {
   	max-width: 96.8vw;
   	min-width: 96.8vw;
   	max-height: 96.0vh;
      min-height: 96.0vh;
	}
}

@media only screen and (min-width: 768px) {
	body {
		font-size: 2.3vw;
	}
	.one {font-size: 5.0vw;}
	.two {font-size: 3.5vw;}
	.three {font-size: 3.4vw;}
	.container {
   	max-width: 97.7vw;
   	min-width: 97.7vw;
   	max-height: 98.6vh;
      min-height: 98.6vh;
	}
}

@media only screen and (min-width: 800px) {
	body {
		font-size: 2.0vw;
	}
	.one {font-size: 5.0vw;}
	.two {font-size: 3.5vw;}
	.three {font-size: 3.1vw;}
	.container {
   	max-width: 97.7vw;
   	min-width: 97.7vw;
   	max-height: 98.7vh;
      min-height: 98.7vh;
	}
}

@media only screen and (min-width: 980px) {
	body {
		font-size: 2.0vw;
	}
	.one {font-size: 4.8vw;}
	.two {font-size: 3.3vw;}
	.three {font-size: 3.2vw;}
	.container {
   	max-width: 98.0vw;
   	min-width: 98.0vw;
   	max-height: 98.7vh;
      min-height: 98.7vh;
	}
}

@media only screen and (min-width: 1280px) {
	body {
		font-size: 1.5vw;
	}
	.one {font-size: 3.6vw;}
	.two {font-size: 2.5vw;}
	.three {font-size: 2.3vw;}
	.container {
   	max-width: 98.7vw;
   	min-width: 98.7vw;
   	max-height: 97.1vh;
      min-height: 97.1vh;
	}
}

@media only screen and (min-width: 1300px) {
	body {
		font-size: 1.5vw;
	}
	.one {font-size: 3.3vw;}
	.two {font-size: 2.3vw;}
	.three {font-size: 2.3vw;}
	.container {
   	max-width: 98.1vw;
   	min-width: 98.1vw;
   	max-height: 98.1vh;
      min-height: 98.1vh;
	}
}

@media only screen and (min-width: 1400px) {
	body {
		font-size: 1.5vw;
	}
	.one {font-size: 3.4vw;}
	.two {font-size: 2.4vw;}
	.three {font-size: 2.3vw;}
	.container {
   	max-width: 98.7vw;
   	min-width: 98.7vw;
   	max-height: 98.5vh;
      min-height: 98.5vh;
	}
}

@media only screen and (min-width: 1920px) {
	body {
		font-size: 1.5vw;
	}
	.one {font-size: 3.5vw;}
	.two {font-size: 2.5vw;}
	.three {font-size: 2.3vw;}
	.container {
   	max-width: 98.9vw;
   	min-width: 98.9vw;
   	max-height: 98.1vh;
      min-height: 98.1vh;

	}
}
