body { 
	font-family: 'Titillium Web', Sans-Serif;
}

footer {
	background-color: #1871bf;
	padding-top: 1em;
	color: #eeeeee;
	font-size: 120%;
}

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

footer a:hover {
	color: #c9c8c8;
	text-decoration:none;
}

#image1 {
	height: 15em;
	width: 21.438em;
	border: 0.5em solid #1871bf;
	border-radius: 1em;
}

#image2 {
	height: 15em;
	width: 22.5em;
	border: 0.5em solid #1871bf;
	border-radius: 1em;
}

#image3 {
	height: 15em;
	width: 20em;
	border: 0.5em solid #1871bf;
	border-radius: 1em;
}

#image4 {
	height: 15em;
	width: 20em;
	border: 0.5em solid #1871bf;
	border-radius: 1em;
}

#image1sixsideddie {
	height: 20em;
	width: 20em;
	border: 0.5em solid #1871bf;
	border-radius: 1em;
}

#image2sixsideddie {
	height: 21.25em;
	width: 28.625em;
	border: 0.5em solid #1871bf;
	border-radius: 1em;
}

#image3sixsideddie {
	height: 17em;
	width: 22.5em;
	border: 0.5em solid #1871bf;
	border-radius: 1em;
}

#foursideddie {
	height: 22em;
	width: 20em;
	border: 0.5em solid #1871bf;
	border-radius: 1em;
}

#eightsideddie {
    height: 15.5em;
	width: 16.188em;
	border: 0.5em solid #1871bf;
	border-radius: 1em;
}

#tensideddie {
    height: 18.5em;
	width: 22.688em;
	border: 0.5em solid #1871bf;
	border-radius: 1em;
}

#twelvesideddie {
    height: 23em;
	width: 24em;
	border: 0.5em solid #1871bf;
	border-radius: 1em;
}

#twentysideddie {
    height: 24.5em;
	width: 26.625em;
	border: 0.5em solid #1871bf;
	border-radius: 1em;
}

#boardgamedice {
    height: 20em;
	width: 27.750em;
	border: 0.5em solid #1871bf;
	border-radius: 1em;
}

#gamblingdice {
    height: 15.5em;
	width: 23.250em;
	border: 0.5em solid #1871bf;
	border-radius: 1em;
}

#mathdice {
    height: 21.5em;
	width: 30.313em;
	border: 0.5em solid #1871bf;
	border-radius: 1em;
}

.navbar-default {
	background-color: #1871bf;
	border-color: #4e96ce;
	border-radius: 0;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.navbar-default .navbar-brand {
	color: #eeeeee;
	font-size: 175%;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
	color: #c9c8c8;
}

.navbar-default .navbar-nav > li > a {
	color: #eeeeee;
	font-size: 130%;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: #c9c8c8;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	color: #c9c8c8;
	background-color: #4e96ce;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
	color: #c9c8c8;
	background-color: #4e96ce;
}
.navbar-default .navbar-toggle {
	border-color: #4e96ce;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: #4e96ce;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #eeeeee;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
	border-color: #eeeeee;
}
.navbar-default .navbar-link {
	color: #eeeeee;
}
.navbar-default .navbar-link:hover {
	color: #c9c8c8;
}

@media (max-width: 767px) {
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #eeeeee;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		color: #c9c8c8;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
		color: #c9c8c8;
		background-color: #4e96ce;
	}
}

.jumbotron {
	background-color: white;
	margin-top: -3em;
	margin-bottom: -1em;
}

.page-header {
	margin-bottom: 4em;
}

.textblocks{
	height: 100%;
}

.row {
	height: 100%;
	margin-left: 2em;
	margin-right: -1%;
}

.bottomrow {
	padding-top: 3em;
	padding-bottom: 5em;
}

#toprowspecial {
    padding-top: 2em;
}

#bottomrowspecial {
    padding-top: 5em;
	padding-bottom: 7.5em;
}

.midrow {
	padding-top:3em;
}

.btn{
	margin-bottom: 1em;
}

.btn a{
	color: white;
	text-decoration: none;
}

.btn a:hover {
	color: #EFEFEF;
}

.textblocks p{
	padding-top: 1em;
	padding-bottom: 1em;
    font-size: 110%;
}

@media only screen and (max-width: 767px) {
    .textblocks {
        text-align: center;
    }
	
	.jumbotron {
		text-align: center;
	}
	
	.page-header {
		text-align:center;
	}
}

.btn-info {
    margin: 1em;
	margin-left: -0.1em;
}

.well {
    font-size: 130%;
    text-decoration: none;
    color: black;
}

.well p {
	margin-top: -2em;
}

.well #toptag {
	margin-top: -1em;
}

.well #bottomtag {
	margin-bottom: -1em;
}

#specialrow {
    height: 100%;
    margin: 1%;
}

#specialrow h3 {
	margin-bottom: 1em;
	margin-top: -1em;
}

.htmlpagelink {
	text-decoration: none;
	color: black;
}

.htmlpagelink:hover {
	color: #777;
}