#wrapper { }
#submenu { background-color:transparent; font-size:12px; position:absolute; top:134px; left:40px; height:70px; margin:0; z-index:10; }
#submenu ul { list-style-type:none; margin:0; padding:0; }
#submenu ul li { display:inline; margin:0 20px 11px 0; padding:0; }
#submenu ul li a { border-bottom:1px solid #ccc; }

#cv { background-color:transparent; position:relative; margin:0 0 20px 0; padding:0; display:inline-block; vertical-align:top; }
#cv h3 { margin-top:20px; }
.resume, .bio { background-color:transparent; position:relative; width:100%; margin:0 20px; padding:0; display:inline-block; vertical-align:top; }
.resume { width:60%; margin:0 20px 40px 20px; padding:0 20px 20px 20px; border-right:1px #ddd solid; display:block; }
.bio.first { width:40%; margin:0 0 40px 20px; padding:0 20px 20px 20px; border-right:1px #ddd solid; }
.bio.second { width:20%; margin:0 0 40px 0; padding:0 20px 20px 20px; }
.bio.last { width:36%; margin:0 0 40px -1px; padding:0 20px 20px 20px; border-right:1px #ddd solid; border-left:1px #ddd solid; }
.resume strong, .bio strong { font-size:12px; }
.resume p, .bio p { margin-bottom:19px; }
.resume p.start, .bio p.start { padding-top:38px; }
.bio p.inlist { margin-bottom:0; margin-left:20px; text-indent:-20px; }
.bio p.inlistlast { margin-bottom:38px; margin-left:20px; text-indent:-20px; }
.resume blockquote p { font-size:11px; line-height:160%; padding-right:60px; padding-left:60px; }
.resume blockquote p span.autor { padding-left:120px; }
.resume p a, .bio p a { font-size:11px; line-height:160%; word-wrap:break-word; }
.bio p span.smallcap { font-size:10px; text-transform:uppercase; }
.website { padding-top:120px; }
.bio p.date { font-size:21px; font-family: "Aptifer Sans W01_n2", "Aptifer Sans W01", Arial, Helvetica, sans-serif; font-style:normal; font-weight:200; }
p.bottom { width:20px; margin:64px 0 20px 0; padding:0 40px 0 0; border-bottom:1px #ddd solid; }
.invit-over { background-image:url(../img/pixel.png); text-align:center; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1000; visibility:hidden; border:0; }
.vertical { display:inline-block; height:100%; vertical-align:middle; }
.invit-over img { background-color:#fff; padding:20px; border:1px #efefef solid; pointer-events:none; cursor:none; z-index:2000; }
.invit-over img.vertical-align { display:inline-block; vertical-align:middle; }

@media screen and (min-width: 769px) and (max-width:1024px) {
h3 { letter-spacing:0.0625em; }
.resume { width:70%; }
.bio.first { width:50%; padding:0 12px 20px 20px; }
.bio.second { width:20%; padding:0 12px 20px 20px; }
.bio.last { width:26%; padding:0 20px 20px 20px; }
}
@media screen and (min-width:481px) and (max-width:768px) {
#submenu { display:none; }
#cv { left:0; }
.resume, .bio { margin:0 20px; }
.resume { width:100%; padding:0 40px 20px 10px; border-right:0; }
.bio.first { width:100%; margin:0 0 40px 10px; border-right:0; }
.bio.second { width:100%; margin:0 0 40px 10px; border-right:0; }
.bio.last { width:100%; margin:0 0 40px 10px; padding-bottom:40px; border-right:0; border-left:0; }
.resume blockquote p { padding-right:0x; padding-left:0; }
.resume blockquote p span.autor { padding-left:0; }
}
@media screen and (max-width:480px) { 
#submenu { left:20px; }
#cv { left:0; }
.resume, .bio { margin:0 20px; }
.resume { width:100%; padding:0 40px 20px 0; border-right:0; }
.bio.first { width:100%; margin:0 0 40px 0; border-right:0; }
.bio.second { width:100%; margin:0 0 40px 0; border-right:0; }
.bio.last { width:100%; margin:0 0 40px 0; padding-bottom:40px; border-right:0; border-left:0; }
.resume blockquote p { padding-right:0x; padding-left:0; }
.resume blockquote p span.autor { padding-left:0; }
}