#about-me {width:100%; max-width:768px; margin:0 auto 20px auto; background:#3e3e3e; padding:10px 0 0 0; position:relative; z-index:10;}
#about-me .content-inner {width:95%; max-width:671px; margin:-10px auto 0 auto;}

#about-me .content-inner h1 {float:right; color:#b4975c;}
#about-me .content-inner p {padding:5px 0; margin:0;}
#about-me .content-inner a {color:#b4975c;}
#about-me .content-inner a:hover {color:#d1d1d1;}
#about-me .content-inner span {color:#aaa; text-decoration:underline; cursor:pointer;}
#about-me .content-inner span:hover {color:#d1d1d1;}

#about-me .border {border:1px solid #b4975c; padding:40px 20px 20px 20px; margin-top:40px;}
#about-me .content-outer {width:100%; text-align:right; position:relative; border-bottom:2px solid #b4975c;}
#about-me .content-outer:before {content:""; display:block; width:6%; height:22px; background:#b4975c; position:absolute; left:0; bottom:0;}
#about-me .content-outer .content-inner {margin:0 auto;}
#about-me .list {padding:20px 0; background:#5d5d5d;}
#about-me .iframe-container {width:60%; max-width:420px; height:0; padding-top:45%; float:left; margin:10px 10px 70px 0; position:relative;}
#about-me .iframe-container iframe {display:block; position:absolute; right:0; top:0; width:100%; height:100%;}
#about-me .iframe-container p {font-size:14px; text-align:left;}

#about img.to-top {position:fixed; right:50%; bottom:25px; cursor:pointer; z-index:1000; margin-right:-500px;}
#about img.mobile-to-top {display:none;}

#about-me .border img {display:block; border:1px solid #bbb7b7;}
#about-me .border p.popup {float:right; margin:-70px -40px 10px 30px;}
#about-me .border p.popup span {display:block; position:relative; z-index:100; cursor:default;}
#about-me .border p.popup span b {display:none; position:absolute; top:100px; right:0; padding:10px; background:#bbb7b7; border-radius:5px; 
	color:#3e3e3e; text-align:center; box-shadow:0 0 15px rgba(0,0,0,0.8);}
#about-me .border p.popup span b img {margin-right:-1px;}
#about-me .border p.popup span:hover b {display:block;}

.overlay {position:fixed; right:-100%; top:0; width:100%; height:100%; z-index:1000; display:table; opacity:0; background:#3e3e3e;}
.table {display:table-cell; text-align:center; vertical-align:middle; width:100%; height:100%;}
.table .container {display:inline-block; padding:40px 40px; border:1px solid #ccc; position:relative;}
.table .container span {display:block; width:30px; height:30px; background:url(/galleries_pages/close.png) no-repeat center center; 
	border:1px solid #ccc; position:absolute; top:-1px; right:-1px; cursor:pointer;}
.table p {padding:5px 0;}
.table p a {color:#b4975c;}
.table p a:hover {color:#d1d1d1;}
.table .container img {display:block; width:100%; margin:0 auto;}

.pic3 .container {width:80%; max-width:400px; padding:40px 40px; text-align:right;}
.pic3 .container .inner {height:100%; overflow:auto; padding:0 30px;}

@media only screen and (max-width:1200px) {
#about img.to-top {display:none;}
#about img.mobile-to-top {display:block; cursor:pointer; z-index:1000;}
}
@media only screen and (max-width:600px) {
html, body {background:#3e3e3e;}
.table .container {padding:40px 10px;}
}
@media only screen and (max-width:500px) {
#about-me .border p.popup {float:right; margin:-50px 0 10px 20px;}
#about-me .border {padding:20px;}
#about-me .border p.popup span b {top:40px; right:20px;}
#about-me .iframe-container {width:100%; max-width:420px; height:0; padding-top:75%; float:none; margin:0 0 80px 0; position:relative;}
#about-me .iframe-container p {text-align:right;}
}

@media only screen and (max-height:620px) {
#about img.to-top {display:none;}
#about img.mobile-to-top {display:block; cursor:pointer; z-index:1000;}
}
@media only screen and (max-height:420px) {
#about img.to-top {display:none;}
#about img.mobile-to-top {display:block; cursor:pointer; z-index:1000;}
}