figure{
	margin: auto;
	width: 50vw;
	background-color: grey;

}
figcaption{
	font-style: italic;
	font: ariel;
}
body{
	margin: auto;
}
div{
	margin: auto;
	text-align: center;
	display: table;
}

div.card{
	position: relative;
	color: black;
	width: 50vw;
	height: 50vh;
}
div.phoneCard{
	max-width: 750px;
	width: 90vw;
	height: 70vh;
}
div.imgSource{
	font-size: 5px;
	font-color: black;
}

div.jamieDesk{
	font-style: italic;
	font-size: 0.75rem;
	position: relative;
	bottom: 15vh;
	right: 13vw;
	width: 20vw;
	color: white;
	background-color: rgba(0, 0, 0, 0.25);
}
div.braunDesk{
	font-style: italic;
	font-size: 0.75rem;
	position: relative;
	bottom: 10vh;
	right: 10vw;
	width: 20vw;
	color: white;
	background-color: rgba(0, 0, 0, 0.25);
}
div.marieDesk{
	font-style: italic;
	font-size: 0.75rem;
	position: relative;
	bottom: 8vh;
	right: 13vw;
	width: 20vw;
	color: white;
	background-color: rgba(0, 0, 0, 0.25);
}

div.jamiePhone{
	font-style: italic;
	font-size: 20px;
	position: relative;
	bottom: 23vh;
	right: 20vw;
	width: 40vw;
	color: white;
	background-color: rgba(0, 0, 0, 0.25);
}
div.braunPhone{
	font-style: italic;
	font-size: 18px;
	position: relative;
	bottom: 13vh;
	right: 20vw;
	width: 40vw;
	color: white;
	background-color: rgba(0, 0, 0, 0.25);
}
div.mariePhone{
	font-style: italic;
	font-size: 18px;
	position: relative;
	bottom: 13vh;
	right: 20vw;
	width: 40vw;
	color: white;
	background-color: rgba(0, 0, 0, 0.25);
}

img.deskPic{
	width: 50vw;
}
img.phonePic{
	max-width: 750px;
	width: 90vw;
}

@media(max-width: 950px){
	div.jamieDesk{
		bottom: 13vh;
	}
}
@media(max-width: 803px){
	div.jamieDesk{
		bottom: 15vh;
	}
}
@media(max-width: 600px){
	div.jamieDesk{
		bottom: 20vh;
	}
	div.jamiePhone{
		width: 30vw;
		bottom: 33vh;
		right: 25vw;
	}
}
@media(max-width: 530px){
	div.mariePhone{
		font-size: 13px;
		bottom: 10vh;
	}
}
@media(max-width: 500px){
	div.marieDesk{
		bottom: 10vh;
	}
}
@media(max-width: 400px){
	div.jamiePhone{
		font-size: 10px;
		bottom: 15vh;
	}
	div.mariePhone{
		font-size: 10px;
		bottom: 7vh;
	}
}
@media(max-width: 375px){
	div.braunPhone{
		font-size: 10px;
		bottom: 8vh;
	}
}
@media(max-width: 230px){
	div.jamiePhone{
		bottom: 20vh;
	}
}