.header { background: #f2f1ec; text-align: right; }
@media screen and (min-width: 940px) {
.header { height: 70%; }
.title { top: 50%; left: 15%; transform: translate(-15%,-50%); -webkit-transform: translate(-15%,-50%); }
}
.title img { height: 300px; }
.item img { height: 260px; }
@media screen and (max-width: 940px) {
.title { width: 100%; bottom: 20px; text-align: center; }
}
@media screen and (max-width: 640px) {
.title img { height: 120px; }
}

.img { margin-bottom: 30px; }
.img img { margin: 0 0 20px 0; }
.img div { text-align: center; }
.img p { margin-bottom: 10px; }
.img span { font-size: small; }

.size200 img { height: 200px; }
.size300 img { height: 300px; }

.zoomimg:hover { transform: scale(2); border: solid 5px #fff; box-shadow: 2px 5px 5px 2px rgba(0, 0, 0, 0.35); background: #fff; }
.sns { margin-top: 20px; }
.name { font-weight: bold; }

.items { padding: 40px 0; text-align: center; }
.items span { font-size: small; }


@media screen and (min-width: 940px) {
.items li { width: 24%; margin: 10px 40px; }
.items img { height: 260px; object-fit: contain; }
}

@media screen and (max-width: 940px) {
.items li { width: 60%; margin: 10px 20px; }
}

table { margin: auto; padding-top: 50px; text-align: center; }
table img { margin: 15px; }

.florenceknoll img { width: 70px; }
.furnitures1 img { width: 170px; }

.biography img,
.furnitures2 img{ height: 60px; }

@media screen and (max-width: 640px) {

table img { margin: 10px; }

.florenceknoll img { width: 60px; }
.furnitures1 img { width: 120px; }

.biography img,
.furnitures2 img{ height: 50px; }
}
