strong { color:#b0a164; }
p a { color:#fff; }
p a strong { color:#fff; }
p a:focus, p a:hover { color:#b0a164; }
p a:focus strong, p a:hover strong { color:#b0a164; }
h6 { font-size:14px; line-height:33px; margin-bottom:25px; }
.clear { clear:both; }
#about { margin:10px 0 0 0; }
#about img { max-width:100%; }
.slogan { background-color:#eee; width:60%; white-space:nowrap; margin:-70px auto 50px auto; overflow:hidden; }
.slogan p { color:#be4419; font-size:37px; padding-left:100%; display:inline-block; animation-name:move; animation-duration:20s; animation-timing-function:linear; animation-iteration-count:infinite; }
@keyframes move { 0% { transform:translate(0,0); } 100% { transform:translate(-100%, 0); }}

#inter { text-align:center; width:3px; height:44px; margin:20px auto; padding:0; border-left:1px #b0a164 solid; }
#inter.second { height:88px; }
#resume { position:relative; width:100%; margin:0; }
.resume { text-align:center; width:60%; margin:0 auto; }
.resume p { text-align:center; font-family:"Helvetica Neue LT W01_45 Light", Helvetica, Arial, sans-serif; font-size:23px; line-height:33px; margin-bottom:16px; }
.reference { background-color:#1d1d1d; margin:34px 0 0 0; padding:20px 0 56px 0; }
.reference p { text-align:center; font-size:14px; letter-spacing:0.0625em; line-height:20px; margin:0 20px 5px 20px; }
.reference.ai { margin-top:2px; }

@media screen and (min-width: 640px) and (max-width: 767px) {
.resume { width:90%; margin-bottom:56px; }
.reference { width:100%; margin:0 auto; }
}
@media screen and (min-width: 481px) and (max-width: 639px) {
.resume { width:90%; margin-bottom:56px; }
.reference { max-width:100%; }
}
@media screen and (max-width: 480px) {
.resume { width:100%; margin-bottom:56px; }
.reference { max-width:100%; }
}