html,body {
	height:100%;
	min-height:100%;
	
}


.fullHeight {
	height:100vh;
	min-height:90vh;
	display:flex;
	align-items:center;
	padding:2rem;
/*	background-color:rgba(213,206,166,1);*/

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100&0.75+0,0.2+100 */
background: -moz-linear-gradient(top,  rgba(30,87,153,0.75) 0%, rgba(125,185,232,0.2) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(30,87,153,0.75) 0%,rgba(125,185,232,0.2) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(30,87,153,0.75) 0%,rgba(125,185,232,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf1e5799', endColorstr='#337db9e8',GradientType=0 ); /* IE6-9 */
/*
	background-image:url(../imgs/cardboard.png);*/
}

.fullHeight .row {
	width:100%;
	max-width:1100px;
	margin:0 auto;
}

h1 {
	text-shadow:2px 2px 12px rgba(0,0,0,.25);
}

*,html {
	font-family:'Noto Sans',sans-serif;
	color:rgba(80,80,80,1);
}

h1,h2,h3,h4,h5,h6,#result {
	font-family:'Fjalla One',sans-serif;
	color:rgba(255,255,255,1);
	display:block;
	width:100%;
	font-size:3.5rem;
}

.button {
}

#result {
	font-size:2.25rem;
	line-height:1.3;
	color:#fff;
}

.button {
	font-weight:700;
	font-size:1.25rem;
	margin-top:1rem;
	margin-bottom:1rem;
	-webkit-box-shadow:4px 4px 5px 0 rgba(0,0,0,0.25);
	-moz-box-shadow:4px 4px 5px 0 rgba(0,0,0,0.25);
	box-shadow:4px 4px 5px 0 rgba(0,0,0,0.25);
	background:rgba(255,131,0,1);
	text-shadow:2px 2px rgba(0,0,0,.25);
	-webkit-transition:all .25ms ease;
	-moz-transition:all .25ms ease;
	-ms-transition:all .25ms ease;
	-o-transition:all .25ms ease;
	transition:all .25ms ease;
}

.button:hover,.button:focus,.button:active {
	background:rgba(255,131,0,.95);
	top:2px;
	right:-2px;
	position:relative;
	-webkit-box-shadow:4px 4px 5px 0 rgba(0,0,0,0);
	-moz-box-shadow:4px 4px 5px 0 rgba(0,0,0,0);
	box-shadow:4px 4px 5px 0 rgba(0,0,0,0);
}

.copyright {
	font-weight:700;
	font-style:oblique;
	padding:.25rem .9375rem;
}

.copyright p {
	margin-bottom:0;
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
	.fullHeight {
		height:1024px;
	}
}

/* iPad with landscape orientation. */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
	.fullHeight {
		height:768px;
	}
}

/* iPhone 5 
You can also target devices with aspect ratio. */
@media screen and (device-aspect-ratio: 4071) {
	.fullHeight {
		height:500px;
	}
}