body{ color: #4d0663;
		font-weight: 700;
		font-family: 'Droid Serif', serif;
		background-image: url("img/background.jpg");
		background-repeat: none;
	}	
	header{
		max-width:1000px;
		margin: auto; }
	.students{}	
	.deplayerlogo{
		float: left;
	}
	.studentname{
		color: #000;
		font-family: 'Gidugu', sans-serif;
		font-size: 30px;
		text-align: center;
		line-height: 0.8;
		text-decoration: none;
		border: solid 2px #000;
		padding: 15px;
		margin: 15px;
		width: 120px;
		background: rgba(200, 54, 54, 0.4);
		float: left; 
	}
	.collapse {
		float: left;
	}
	.pzilogo{
		width: 20px;
		}
	td {padding: 10px;}

	.title span{background-color: rgba(230,0,0,.8);
		padding-left: 30px;
		padding-right: 30px;}
	.title{
		padding-top: 20px;
		font-family: 'Gidugu', sans-serif;
		color: #4d0663;
		line-height: .9em;
		font-size: 100px;
		letter-spacing: 2px;
	   }
	.with {background-color: rgba(230,0,0,.5);
		padding-left: 10px;
		padding-right: 10px;
		letter-spacing: 2px;
		margin-left: -50px;
		margin-top: 20px;
		font-family: 'Gidugu', sans-serif;
		font-size: 60px;
		line-height: .9em;
		color: #4d0663;
		max-width: 825px;
		}

	.info span {
		 text-transform: uppercase;
		 letter-spacing: 1px;
		padding-left: 10px;
		background-color: rgba(230,0,0,.7);}
	.info {
		margin-left: 200px;
		font-size:40px;
		color: white;} 
	.location span {
		 letter-spacing: 1px;
		padding-left: 10px;
		background-color: rgba(230,0,0,.7);}
	.location {
		margin-left: 300px;
		font-size: 20px;
		color: white;} 

	.description{
		margin-left: 20px;
		max-width: 400px;
	 	display: inline-block; }

	h2 {color: #011787;
		font-family: 'Gidugu', sans-serif;
		font-size: 40px;
		line-height: .9em;
	}

	.artist{
		font-family: 'Gidugu', sans-serif;
		color: #4d0663;
		float: left;
		margin-bottom: -30px;
		font-size:50px;
		letter-spacing: 2px;
	}

	.who{font-weight: bold;}
	.content{
		background-color:rgba(255,255,255,.8);
		max-width: 900px;
		padding:10px;
		margin: auto;} 
	.background{z-index: -1;}


	/*//////the secton I'm messing with is below ! don't confuse yourself///////*/



/*////////mobile///////*/

@media screen and (max-width:767px) {
	.title {line-height: 74px;
		font-size: 60px;}
	.with{font-size: 40px;
		margin-left: 0px;}
	.info{font-size: 30px;
		margin-left: 0px;}
	.location{
		margin-left: 0px;}
		.artist{
			margin-top: -20px;

		}

}/*/end of 767*/