html, body{ font-family: sans-serif;
	padding: 0;
	margin: 0;
}

header{
	background-color: #ffcc00;
	padding: 40px;
	text-align: center;
	height:600px;
}

h1{
	font-size: 60px;
	color: white;
}

header img{
	
	width: 300px;
}

.content{
	display: flex;
  flex-flow: row;
	margin: 0 auto;
	background-color: black;
	padding:0 20px;
	color:white;
	font-size: 20px;

}
.text{
text-align: center;

}

img.big-image{
	max-width: 50%;
	left;

}
p.caption{
	font size: 40px;
	color:white;
	font-style: italic;
	left;


}
ul{
	list-style: none;
	padding: 0
	margin:0;
	font-size: 20px;
}
a{
	color: white
	none;

}
footer{
	padding: 40px 20px;
	background-color: #333333;
	color: white;

}
ul{
	text-align: center;

}
footer ul li{
	display: inline-block;
	color: white;
	text-decoration: none;
}
footer a {
color: white;
}

h2{
	font-size: 40px;
}

.content2{
        display: flex;
       flex-direction: row;
       padding:50px 20px;
       height: 250px
      }

.pic1 {
        flex: 1 1 auto;
      }

      .pic2 {
        flex: 1 1 auto;
      }

      .pic3 {
        flex: 1 1 auto;
      }
      .text2 {
        flex: 1 1 auto;
      }
  
h3{
	text-align: center;
}

.content3{
	display: flex;
       flex-direction: row;
	padding: 20px 20px;
	background-color: #ffcc00;
	color: white;
	font-size: 60px;
	text-align: center;

}
.player{
flex: 1 1 auto;
}

.text3{
	flex: 1 1 auto;
}

 @font-face{
  font-family: Adventure time;
  src: url(Adventure Time Logo.ttf);
}