/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 40px;
}
.navbar {
	background-color: #f3c0da;
	border-color: black;
}
ul.nav, .jumbotron h1 {
	font-family: 'Comic Neue', cursive;
}
ul.nav {
	font-size: 15px;
	color: black;
}

strong {
	font-weight: bold;
}

footer {
	font-family: 'Comic Neue', cursive;
	padding-top: 100px;
	padding-bottom: 30px;
	background-color: #FADAEB;
}

.navbar-inverse .navbar-nav>li>a {
    color: black;
}


.jumbotron {
	text-align: center;
	color: #f3c0da;
	background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../images/cherries.jpg');
	background-size: cover;
	margin-bottom: 0;
}
.jumbotron h1 {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	font-size: 59px;
}

.jumbotron p {
	margin-bottom: 15px;
	font-family: 'Comic Neue', cursive;
	font-size: 30px;
	padding: 0 80px;
}
.btn-lg {
	font-size: 30px;
	color: #5681EC;
}
.btn-lg:hover {
	color: #f3c0da;
	text-decoration: underline
}

.homepage {
	text-align: center;
	font-family: 'Comic Neue', cursive;
	padding-top: 30px;
	padding-bottom: 30px;
}
.homepage h2 {
	margin-top: 25px;
}
.homepage a {
	color: #5681EC;
	font-weight: bold;
}

.homepage a:hover {
	color: #f3c0da;
	text-decoration: underline;
}
.homepage hr {
	color: black;
    border-top: 1px solid;
    width: 220px;
}
/* Responsive styling */
@media (max-width: 1199px) { 
.jumbotron h1 {
	font-size: 53px;

}
@media (max-width: 991px) { 

.jumbotron h1 {
	font-size: 45px;
}
.jumbotron p {
	font-size: 26px;
	padding: 0 40px;
}

.col-md-4 {
	padding-top: 20px;
	padding-bottom: 20px;
}

@media (max-width: 767px) { 

.jumbotron h1 {
	font-size: 34px;
}
.jumbotron p {
	font-size: 20px;
	padding: 0;
}
.btn-lg {
	font-size: 20px;
}

.container-homepage {
	background-color: #f9f0f9; 
}