@media only screen and (min-width:768px) and (max-width:1024px){header .banner-text h1{font:80px/1.1em 'Open Sans', sans-serif;letter-spacing:-1px;margin:0 auto 20px auto;line-height:1.2em;}
#about .download{float:none;margin-top:0;padding:10px;width:100%;}
#about .bio-left{min-height:600px;height:auto;padding:60px 30px;}
#about .main-col{min-height:600px;padding:20px;height:auto;}
}
@media only screen and (max-width:900px){header .banner{padding-bottom:12px;}
header .banner-text h1{font:78px/1.1em 'Open Sans', sans-serif;letter-spacing:-1px;margin:0 auto 20px;}
header .banner-text h2{font:17px/1.9em 'Raleway', serif;width:80%;line-height:1.2em;}
header .banner-text hr{width:65%;margin:12px auto;}
#m-nav{font:11px 'Open Sans', sans-serif;letter-spacing:1.5px;}
div#page-logo-container{display:none;}
#resume h1{font:16px/24px 'Open Sans', sans-serif;}
#resume .main-col{padding-right:5%;}
#resume .timeline-event-copy h3{font-size:18px;margin-bottom:3px;}
#resume .timeline-event-copy h3{font-size:18px;line-height:18px;margin-bottom:10px;}
#resume .timeline-event-copy h4{font-size:16px;line-height:18px;margin-bottom:10px;}
#resume .timeline-event-copy p.timeline-event-text{font-size:13px;line-height:18px;}
.bars li em{font:14px/42px "Open Sans",sans-serif;letter-spacing:2px;padding-left:10px;text-transform:uppercase;}
#testimonials .header-col h1:before{font-size:66px;line-height:66px;}
#testimonials blockquote p{font-size:22px;line-height:46px;}
#call-to-action .header-col h1:before{font-size:66px;line-height:66px;}
#contact .section-head{margin-bottom:30px;}
#contact .header-col h1:before{font-size:66px;line-height:66px;}
#contact .section-head p.lead{font:17px/33px opensans-light, sans-serif;}
#recaptcha-container .g-recaptcha div{transform:scale(0.92);transform-origin:0 0}
div#contactInfo{line-height:19px;}
div#contactInfo h1.contactTitle{font-size:22px;}

}
@media only screen and (max-width:767px){#m-nav{font:12px 'Open Sans', sans-serif;background:transparent !important;letter-spacing:1.5px;width:auto;position:fixed;top:0;right:0;}
#m-nav > a{background:none repeat scroll 0 0 rgba(0, 0, 0, 0.4);border:medium none;color:transparent;font:0px/0 a;height:48px;position:relative;text-align:left;text-shadow:none;top:10px;width:48px;margin:0 auto;}
ul#nav li.current a{border:medium none;}
#m-nav > a:before,
#m-nav > a:after{position:absolute;border:2px solid #fff;top:35%;left:25%;right:25%;content:'';}
#m-nav > a:after{top:60%;}
#m-nav:not(:target) > a:first-of-type,
#m-nav:target > a:last-of-type{display:block;}
#m-nav ul#nav{height:auto;display:none;clear:both;width:auto;position:relative;top:12px;right:0;}
#m-nav:target > ul#nav{display:block;padding:30px 20px 48px 20px;background:#1f2024;margin:0 80px;clear:both;}
ul#nav li{display:block;height:auto;margin:0 auto;padding:0 4%;text-align:left;border-bottom:1px solid #2D2E34;border-bottom-style:dotted;}
ul#nav li a{display:block;margin:0;padding:0;margin:12px 0;line-height:16px;border:none;}
ul#nav li a:hover{border-bottom:none;}
#about .button{display:block;}
div#page-logo-container{display:none;}
.item-wrap img{max-width:75%;}
.row{max-width:100%;}
p.backgroundInfoText{width:75% !important;}
div.backgroundInfoText{width:75% !important;}
div#contactInfo{line-height:19px;}
div#contactInfo h1.contactTitle{font-size:20px;}
div#contactPicture{margin-left: 40px; margin-bottom:10px;padding-top:5px;text-align:left;}
div#map{margin-left:40px;margin-top:0px;margin-bottom:0px;}
p#contactHeading{margin-left:40px;}
header .banner{padding-bottom:12px;padding-top:6px;}
header .banner-text h1{font:68px/1.1em 'Open Sans', sans-serif;}
header .banner-text h2{font:13px/1.5em 'Raleway', serif;line-height:1.2em;width:85%;}
header .banner-text hr{width:80%;margin:18px auto;}
header .social{margin:18px 0 24px 0;font-size:24px;line-height:36px;}
header .social li{margin:0 10px;}
header .scrolldown{display:none;}
#about{text-align:center;}
#about .profile-pic{display:block;margin:0 auto;width:100%;}
#about .download .button{width:100%;text-align:center;padding:15px 20px;}
#about h2{margin-top:20px;}
#about .bio-left{height:auto;padding:60px 30px;}
#about .main-col{padding:20px;height:auto;}
#about .pp-container{padding:0;}
#resume .header-col{padding-top:0;margin-bottom:35px;text-align:center;}
#resume div.login-section p{margin-bottom:15px;}
#resume h1{letter-spacing:3px;}
#resume .main-col{padding-right:30px;}
#resume .info{text-align:center;}
#resume .timeline-event-copy h3{font-size:18px;margin-bottom:10px;line-height:20px;}
#resume .timeline-event-copy h4{font-size:15px;line-height:20px;margin-bottom:10px;}
#resume .timeline-event-copy p.timeline-event-text{font-size:13px;margin-bottom:2px;line-height:18px;}
#resume .award-list ul li span i{width:1em;}
#resume .award-list ul li span i.fa-5x{font-size:4em;margin-bottom:40px;}
#resume .award-list ul li h5{font-size:12px;}
.bars{width:100%;}
.bars li em{font:11px/42px "Open Sans",sans-serif;letter-spacing:2px;padding-left:10px;text-transform:uppercase;}
#call-to-action{padding-bottom:30px;padding-top:20px;text-align:center;}
#call-to-action h1{font:16px/24px 'Open Sans', sans-serif;text-align:center;margin-bottom:30px;text-shadow:0px 1px 3px rgba(0, 0, 0, 1);}
#call-to-action h1 span{display:none;}
#call-to-action p{font-size:15px;}
#portfolio-wrapper .columns{margin-bottom:40px;}
div.portfolio-item div.item-wrap div.overlay{left:12.50%;width:75%;}
#contact .section-head{margin-bottom:12px;}
#contact .section-head h1{font:16px/24px 'Open Sans', sans-serif;text-align:center;margin-bottom:30px;text-shadow:0px 1px 3px rgba(0, 0, 0, 1);}
#contact h1 span{display:block;}
div#contactPicture img{width:60%;}
#contact .header-col{padding-top:0;}
#contact .header-col h1:before{content:none;}
#contact .section-head p.lead{text-align:center;}
#contact label{float:none;width:100%;}
#contact input.input,
#contact textarea,
#contact select,
#recaptcha-container .g-recaptcha{margin-bottom:6px;width:100%;padding-left:7px;}
#recaptcha-container .g-recaptcha div{transform:scale(0.90);transform-origin:0 0}
#contact button.submit{margin:20px 0 24px 0;}
#contactSubmit{margin:0px 0 24px 0;}
#message-warning, #message-success{width:100%;margin-left:0;}
hr#contact-delimiter{margin-top:10px;margin-bottom:10px;}
p#formHeader{margin-top:10px;margin-bottom:15px;font-size:16px;}
#contactInfo{padding-left:25px;line-height:20px;}
footer .copyright li:before{content:none;}
footer .copyright li{margin-right:0px; line-height: 8px;}
footer .social-links{font-size:22px;}
footer .social-links li{margin-left:18px;}
p.impressum {margin-top: 5px;}
#go-top{margin-left:-22px;}
#go-top a{width:54px;height:54px;font-size:18px;line-height:54px;}
.central{width:100%;margin:0 auto;}
p.row-left{text-align:left;margin-left:55px;}
}
@media only screen and (max-width:480px){.hidemobile{display:none;}
.showmobile {display: block;}
.section-title{font-size:16px;line-height:24px;width:260px!important;}
#m-nav ul#nav{width:auto;float:none;}
header .banner{padding-top:24px;}
header .banner-text h1{font:40px/1.1em 'Open Sans', sans-serif;margin:0 auto 24px auto;}
header .banner-text h2{font:13px/1.4em 'Raleway', sans-serif;width:90%;}
section#home p.backgroundInfoTitle, section#home h2.backgroundInfoTitle{text-transform:uppercase;font-size:22px;letter-spacing:0.1em;margin-bottom:10px;}
section#home div.backgroundInfoText,section#home p.backgroundInfoText{color:rgba(26, 26, 26, 0.6);font-size:12px;width:50%;margin:0 auto;line-height:18px;width:80%;}
.popup-modal{max-width:85%;}
div#page-logo-container{display:none;}
header .social{font-size:20px;}
header .social li{margin:0 6px;}
#social{height:80px;width:100%;}
.social-container{width:100%;}
.social-container .social{font-size:20px;}
.social-container .social li{margin:0 8px;}
section#about  p.backgroundInfoTitle,section#about  h2.backgroundInfoTitle,section#home  p.backgroundInfoTitle,section#home  h2.backgroundInfoTitle{font-size:20px;letter-spacing:0em;margin-bottom: 12px;}
section#about div.backgroundInfoText,section#about p.backgroundInfoText{color:rgba(26, 26, 26, 0.6);font-size:12px;width:50%;margin:0 auto;line-height:18px;width:80%;}
div.portfolio-item div.item-wrap div.overlay{left:12.50%;width:75%;}
.timeline:before{position:absolute;top:0;left:0;}
.timeline-event-icon{margin:10px 8px 8px -40px;}
.timeline-event-copy{left:10px;width:95%;padding:25px 32px 0;}
#resume .timeline-event-copy h3{font-size:15px;line-height:18px;margin-bottom:6px;}
#resume .timeline-event-copy h4{font-size:15px;line-height:18px;margin-bottom:6px;}
.bars li em{font:10px/42px "Open Sans",sans-serif;letter-spacing:1px;padding-left:5px;text-transform:none;}
#resume .timeline-event-copy p.timeline-event-text{font-size:12px;line-height:18px;margin-bottom:2px;}
p.timeline-event-thumbnail{margin-bottom:10px;}
.award-list ul li{text-align:center;background:#ecf0f1;padding:15px 5px;}
.award-list ul li span i{display:block;float:none!important;margin:0 auto!important;}
#call-to-action h2{font:700 24px/36px "Open Sans",sans-serif;}
#map{width:90%;height:250px;margin:0px 0px 0px 40px;}
p#contactHeading{margin-left:40px;}
span#message-success{font-size:11px;}
footer .social-links{font-size:20px;}
footer .social-links li{margin-left:14px;}
#contactInfo{padding-left:25px;line-height:19px;}
div#contactInfo h1.contactTitle{font-size:18px;white-space: nowrap;}
div#contactAddress{font-size:14px;}
ul#socialNetworks li:first-child {font-size:13px;}
div#contactInfo p.contactText{font-size:12px;line-height:20px;margin-bottom:15px;}
div#contactInfo  a{font-size:13px;}
div#contactPicture{text-align:left; margin-bottom:10px;padding-top:0px;/*text-align:center;*/}
div#contactPicture img{margin-left:3px;width:50%;}
#contact input.input, #contact textarea, #contact select, #recaptcha-container .g-recaptcha{font-size:12px;line-height:20px;}
#recaptcha-container .g-recaptcha div{transform:scale(0.88);transform-origin:0 0}
#contact .columns{width:100%;padding-left:0px;}
}