/* Layout
================================= */

body {
/*
	-apple-system: San Francisco, Safari on Mac OS X and iOS
	BlinkMacSystemFont: San Francisco, Chrome on Mac OS X
	Segoe UI: Windows and Windows Phone
	Roboto: Android (v4.0+) and Chrome OS
	Oxygen: KDE
	Ubuntu: Ubuntu
	Cantarell: GNOME
	Fira Sans: Firefox OS
	Droid Sans: Android (up to v3.x)
 */
	font-family: system, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding-top: 70px;
	background-color: #b5b5b5;
}
.container {
	max-width: 1000px;
}
.margin-above {
	margin-top: 25px;
}
.navbar {
	font-size: larger;
}
.navbar-brand {
	font-weight: bold;
	font-size: larger;
}
.table {
    margin-bottom: 0;
}
.btn-group>.btn input[type=checkbox] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
    visibility: hidden;
}


/* Jumbotron
================================= */

.jumbotron {
	text-align: center;
	box-shadow: rgba(0, 0, 0, .4) 0 0.1em 0.3em;
	margin-bottom: 15px;
}
.jumbotron p {
	margin-bottom: 0;
	word-wrap: break-word;
}


/* Contact Form
================================= */

.panel {
	background-color: #eee;
	box-shadow: rgba(0, 0, 0, .4) 0 0.1em 0.3em;
	border-radius: 6px;
	margin-bottom: 15px;
}

input.has-error, textarea.has-error {
	background-color: #f2dede;
}

p.contact-success {
	font-size: 21px;
	text-align: center;
}


/* Media Queries
================================= */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.panel {
		padding-top: 20px;
	}
	p.contact-success {
		padding-bottom: 20px;
	}
	input[type=checkbox], input[type=radio] {
	  -webkit-transform: scale(1.2);
	  transform: scale(1.2);
	}
}