@media all and (max-width: 700px) {
	.student li{
		display: inline-block;
		padding-left: 10px;
		font-size: 1.5em;
		font-family: Raleway, sans-serif;
			
	}
}

@media all and (min-width: 701px){
	.student li{
		display: inline-block;
		padding-left: 10px;
		font-size: 1.5em;
		font-family: Raleway, sans-serif;
		visibility: hidden;		
	}

	.student:hover, .client:hover {
		border: 5px solid darkblue;

	}

	.student:hover li {
		visibility: visible;
	}

	.student:hover p {
		font-size: 3em;
	}

	.container a:hover {
		background-color: black;
		color: white;
	}
}

*{
	box-sizing: border-box;
	
}
body {
	background-color: lightskyblue;
	font-size: 100%;
}
.container {
    
	font-family: "Calibri", sans-serif;
   
	 background-color: lightskyblue;

	 }


.jumbotron {
	background-color: rgb(224,224,224);
	text-align: center;
	font-family: Raleway; sans-serif;
	font-size: 2em;
}

.jumbotron a {
	font-size:1.25em;
}
.jumbotron h1 {
	font-family: "Kumar One", serif;
	font-size: 3em;
	overflow: hidden;

}

.projectlist {
	list-style-type: none;
}

.projectlist li {
	font-size: 2.5em;
	padding-bottom: 10px;
}

.student, .client {
	border: 1px solid darkblue;
	margin: 10px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}


.student {
	height: 300px;
	padding-top: 5px;
	border-radius: 10%;
}

.client {
	height: 130px;
	background-color: #e6b3ff;

}

.student p {
	text-align: center;
	font-size: 5em;
	font-family: Raleway, sans-serif;
}


.client h2, p {
	text-align: center;
	font-family: Raleway, sans-serif;

}

.client p {
	font-size: 2em;
}

.client h2 {
	font-size: 3em;
}
.student ul {
	list-style-type: none;
	text-align: center;
	margin: 0;
	padding: 0;

	
}

.footer a {
	font-size: 3em;

}

.container a {
	color: purple;


}

.student a, .client a, .student li a {
	color: black;
}

.student li {
	color: inherit;
}

#Ian a, #Daniel a, #Peter a, #Sammy a, #MC a, #MZ a {
	color: white;
}
#Sasha {
	background-image: url("https://www.theaileyschool.edu/sites/default/files/styles/400x225/public/school_junior_division_ppas_1.jpg?itok=DODDBsW2");
}

#Sammy {
	background-image: url("http://0.tqn.com/d/crochet/1/S/R/R/-/-/crochet-scarf-170.jpg");
	color: white;
}

#Daniel {
	background-image: url("http://www.prbmedia.co.uk/cropped-music-studio.jpg");
	color: white;
}

#Jack {
	background-image: url("http://theboot.com/files/2008/09/jerryr_a090208_200.jpg");
	color: white;
}

#Jaydre {
	background-image: url("https://s3-media4.fl.yelpcdn.com/bphoto/_NMPuh2wz1YwehYbei6sMQ/o.jpg");
	color: white;
}

#Christopher {
	background-image: url("http://userscontent2.emaze.com/images/5d369ea0-f2ce-4532-b0d5-9b7c0358cc68/2511f543-3cfd-408f-affb-fa80ac3fa1e5.jpg");
	color: black;
}

#Ali {
	background-image: url("http://www.greatvaluecolleges.net/wp-content/uploads/2016/01/university-washington-cheapest-colleges-most-beautiful-college-campuses-1024x626.jpg");
	color: black;
}

#Isabelle {
	background-image: url("isabelle_background.PNG");
	color: black;
}

#Ian {
	background-image: url("ian_background.PNG");
	color: white;
}

#Matthew {
	background-image: url("matthew_background.PNG");
	color: black;
}

#Kayton {
	background-image: url("kayton_background.PNG");
	color: white;	
}

#Yennifer {
	background-image: url("yennifer_background.PNG");
	color: black;
}

#Bryanna {
	background-image: url("bryanna_background.PNG");
	color: black;
}

#Peter {
	background-image: url("https://s3.amazonaws.com/stockx-sneaker-analysis/wp-content/uploads/2016/08/jordan-wearing-banned-1.jpg");
	color: lightskyblue;

}

#Taylor {
	background-image: url("taylor_background.PNG");
	color: white;

}

#David {
	background-image: url("http://artisanbreadinfive.com/wp-content/uploads/2013/04/mallorca-072.jpg");
}

#Tanner {
	background-color: grey;
}

#Aniyah {
	background-image: url("nurses.jpg");
}

#Jaelyn {
	background-image: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcScVxDyJviwZd5qidHUKb3JS_0Q7Uk_c51rqE1M0kwXiYZE2I0sUA");
}

#MC {
	background-image: url("tenor.gif");
	color: white;
}

#MP {
	background-image: url("goo.png");
	color: white;
}

#MZ {
	background-image: url("music-ZM.png");
	color: white;
}

#TE {
	background-image: url("giphy.gif");
}

#CE {
	background-color: #ff8533;
}

#Milos {
	background-color: #00b359;
}

#Evan {
	background-color: #cca300;
}

#Bradley {
	background-color: #e60000;
}

.footer{
	margin-top: 200px;
}