/* 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/hero_image.jpg');
}
p { text-align: center;

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

.jumbotron h1 {
	background-color:green;
	border-radius: 25px;
	box-shadow: 10px 10px 5px black;
	background: linear-gradient(green,red);
}

ul.nav,.jumbotron h1, p {
	font-family: 'Arvo', serif;
}

.jumbotron {
	text-align: center;
}
.jumbotron h1 {
	/*padding: 10px 20px 30px 40px;*/
	margin-bottom:  60px;
}
.vid {
	margin: 0 auto;
	width: 650px;
}
.aud {
	margin: 0 auto;
	width: 650px;
}
footer{
	background-color: #222;
	
	padding: 20px;
}
h1{
	text-shadow: 3px 3px grey;
}
.jumbotron p{
	margin-bottom: 60px;
	font-weight: 100px;
}
.col-md-4{
    background-color: yellow;
    border: 1px solid black;
    transform: translate(10px,30px); /* Standard syntax */
}
img src=images/code.png title=code.org logo
background-image