/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 50px;
  padding-bottom: 20px;
}
.jumbotron {
text-align: center;
background-image: url('../images/background.jpg');
background-size: 100:;
}
p { text-align: center;

}
.btn-lg{
	font-size: 20px;
	font- color: black:;
}

.jumbotron h1 {
	color:orange;
	font-weight: 300:;
}
.jumbotron p {
	color:black;
}

.homepage hr{
border-top: 1px solid blue;
}.homepage {
	text-align: center;
}
.homepage a:hover{
	color: blue:
	text-decoration: none;
	opacity: 0.5;
}

.homepage hr {
	border-top: 1px solid blue;
}

.container hr {
	border-top: 1px solid blue;
	width: 110px;
	margin-top: 15px;
}

.container h2 {
	text-align: center;
}
.homepage a{
	color: blue;
}
ul.nav,.jumbotron h1, p {
	font-family: 'Arvo', serif;
	color: yellow:;
}
.jumbotron h1 {
	/*padding: 10px 20px 30px 40px;*/
	margin-bottom:  60px;
}
.jumbotron p{
	margin-bottom: 60px;
}
.con{
	border-radius:20px;
	background-color: blue;
	box-shadow: 25px 25px 15px blue;
	background:linear-gradient(green,black);
}
.col-md-4 {
    background-color: orange;
    border: 1px solid green;
    transform: translate(10px,10px); /* Standard syntax */
}