html,
body {
	font-size:16px;
	color: #fff; 
	background-color: #F8F8F8;
	border-color:  0 .05rem .1rem rgba(0, 0, 0, .5);
	display: table;
	width: 100%;
	height: 100%;
	min-height: 100%;
	cursor: default;
	overflow-x:auto;
}
a,
a:focus,
a:hover {
  color: #fff;
	cursor:pointer;
}

header{
	background-color: #e93cec;
	margin: auto;
	border-bottom: 0.7rem solid #3B3B3B;
}
footer{
	margin-top: 2rem;
	font-size: 0.8rem;
	color:#C3C3C3;
	text-align: center;
}
main{
	text-align: left;
	padding:1rem 2rem;
	margin: 2rem auto 3rem;
  	color: #333;
}
.row { margin: 0; padding: 1rem 0 }
main a,
main a:focus,
main a:hover {
  color: #e93cec;
}
main a{
	text-decoration: underline;
	min-height:100%;
}
.navContainer {
	max-width: 50em;
	margin: auto;
}
.container {
	max-width: 50em;
}

.cover-container {
  max-width: 50em;
}

.masthead {
  margin-bottom: 3rem;
}

.masthead-brand {
  	margin-bottom: 0;
	font-size: 3rem;
	font-family: 'Shrikhand', cursive;
  text-shadow: 0 .05rem .2rem rgba(0, 0, 0, 1);
}
.container h1{
	font-family: 'Shrikhand', cursive;
	font-size: 1.5rem;
	color:#3B3B3B;
}

.nav-masthead .nav-link {	
  padding: .25rem 0;
  font-weight: 700;
  color: rgba(255, 255, 255, .8);
  border-bottom: .25rem solid transparent;
  text-shadow: 0 .05rem .05rem rgba(0, 0, 0, .40);
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: rgba(255, 255, 255, .40);
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1.5rem;
}

.nav-masthead .active {
  color: #fff;
  border-bottom-color: #fff;
}

@media (min-width: 43em) {
  .masthead-brand {
    float: left;
  }
  .nav-masthead {
    float: right;
  }
}

dd, dl, dt, label {white-space: nowrap;}

a.brand ,
a:focus.brand ,
a:hover.brand {
	text-decoration	:none;
	pointer: default;
}

.btn-pink{
	background-color: #e93cec;
	color:#FFF;
}