﻿<style>#photo2, #photo3 {
box-shadow:0 0 30px rgba(0,0,0,.6);
width:34%
}
.container-fluid h1 {
	background: linear-gradient(to right, rgba(0,0,0,.8) 0, rgba(0,0,0,.8) 69%, rgba(0,0,0,.73) 71%, rgba(0,0,0,.32) 82%, rgba(0,0,0,.15) 87%, rgba(0,0,0,.04) 93%, rgba(0,0,0,0) 100%) rgba(0,0,0,0);
	color: #fefefe;
	float: left;
	font: 34px lato;
	z-index: -1;
	padding: 10px 40px 12px 7.5%;
	text-align: left;
	position: absolute;
	top: 100px;
	left: 600px
}
#photo1, #photo2, #photo3 {
	background-color: rgba(255,255,255,.8);
	padding: 10px;
	position: absolute;
	transform: rotate(0);
	border-radius: 100%
}
#photo1 {
	top: 200px;
	left: 50px;
	width: 28%;
	z-index: 3
}
#photo2 {
	top: 50px;
	left: 300px
}
@media only screen and (max-width:900px) {
.container-fluid h2 {
	left: 450px
}
#photo2 {
	left: 30%
}
}
@media only screen and (max-width:1400px) {
.container-fluid h1 {
	left: 60%
}
}
@media only screen and (max-width:767px) {
#photo1 {
	border-width: 6px 5px 22px
}
#photo2, #photo3 {
	border-width: 5px 5px 22px
}
}
@media all and (max-width:759px) {
#photo1 {
	border-width: 10px!important;
	display: inline-block;
	float: none;
	position: relative;
	top: 30px;
	left: 0;
	width: 50%
}
#photo2, #photo3 {
	display: none
}
.container-fluid h1 {
	color: #000;
	background: 0 0;
	margin: 0;
	width: 80%;
	text-align: center;
	font-size: 20px;
	position: relative;
	top: 20px;
	left: 0
}
}
</style>
