/* Site Theme
-------------------------------------------------- */

body {
  padding: 5rem 1rem 0 1rem;
  background-image: url("../img/body-gradient.jpg");
  background-repeat: repeat-x;
  background-color: rgba(255,255,255,1);
  overflow-y: scroll;
}

p {
	overflow: hidden;
}

a {
	color: #5C77A2;
}

a:hover {
	color: #999999;
}

.divider {
  height: 2px;
  width: 100%;
  display:block; /* for use on default inline elements like span */
  overflow: hidden;
  padding: 0 0 .75rem 0;
  background-color: rgba(255,255,255,1);
  border-top: 2px solid rgba(153,153,153,1);
}

.list-group-item.active {
	background-color: #999;
    border-color: #999;
}
.list-group-item {
	/*font-size: 0.8rem;*/
}

img {
	width: 100%;
}

.firstitem {
	margin-top: 1rem;	
}

.btn {
	margin-top: 1rem;
	margin-bottom: 1rem;
	background-color: #999999;
	border-color: #999999;
}

.btn-primary:hover {
	background-color: #5C77A2;
	border-color: #5C77A2;
}
.btn-primary:focus {
	box-shadow: 0 0 0 0px rgba(74,104,150,.5);
}0
.btn-default {
	color: #ffffff;
}
.btn-default:hover {
	background-color: #5C77A2;
	border-color: #5C77A2;
}
.btn-group.focus, .btn-group:focus {
	box-shadow: 0 0 0 3px rgba(74,104,150,.5);
}
.navbar-brand {
	font-family: 'Satisfy', cursive;
	font-size: 1.5rem;
}
.tab-display {
	flex: 0 0 41.666667%;
    max-width: 41.666667%;
}
.tab-menu {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

@media (min-width: 576px){
	.modal-dialog {
	max-width: 66.666667%;
	}
}

@media screen and (max-width: 520px){
	.h1mobileshrink {
		font-size: 1.75rem;
	}
	.list-group-item {
		font-size: 0.7rem;
		padding-left: .6rem;
	}
	.tab-display {
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}
	.modal-dialog {
	margin:14px;	
	}
}