.photo100,.photo90,.photo80,.photo70,.photo60,.photo50,.photo40,.photo30,.photo20,.photo10 {
	width: 100%;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.photo100  img {
	width: 100%;
}
.photo90  img {
	width: 100%;
}
.photo80  img {
	width: 100%;
}
.photo70  img {
	width: 100%;
}
.photo60  img {
	width: 100%;
}
.photo50  img {
	width: 100%;
}
.photo40  img {
	width: 100%;
}
.photo30  img {
	width: 100%;
}
.photo20  img {
	width: 100%;
}
.photo10  img {
	width: 100%;
}
.but100,.but90,.but80,.but70,.but60,.but50,.but40,.but30,.but20,.but10 {
	width: 90%;	
	margin-right: auto;
	margin-left: auto;
}
.but100 a,.but90 a,.but80 a,.but70 a,.but60 a,.but50 a,.but40 a,.but30 a,.but20 a,.but10 a {
	border-radius: 10px;
	box-shadow:0 1px 3px rgba(0,0,0,0.5);
	padding-top: 1em;
	padding-right: 2em;
	padding-bottom: 1em;
	padding-left: 2em;
	text-decoration: none;
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background-color: #FF0;
}
.but100 a:hover,.but90 a:hover,.but80 a:hover,.but70 a:hover,.but60 a:hover,.but50 a:hover,.but40 a:hover,.but30 a:hover,.but20 a:hover,.but10 a:hover {
background-color: #0FF;
}

@media screen and (min-width: 960px)  { 
.photo100 {
	width: 100%;
}
.photo90 {
	width: 90%;
}
.photo80 {
	width: 80%;
}
.photo70 {
	width: 70%;
}
.photo60 {
	width: 60%;
}
.photo50 {
	width: 50%;
}
.photo40 {
	width: 40%;
}
.photo30 {
	width: 30%;
}
.photo20 {
	width: 20%;
}
.photo10 {
	width: 10%;
}
.but100 {
	width: 100%;
}
.but90 {
	width: 90%;
}
.but80 {
	width: 80%;
}
.but70 {
	width: 70%;
}
.but60 {
	width: 60%;
}
.but50 {
	width: 50%;
}
.but40 {
	width: 40%;
}
.but30 {
	width: 30%;
}
.but20 {
	width: 20%;
}
.but10 {
	width: 10%;
}
}