body{margin:0;background-color:#fff;font-family:Crimson Text}h1,h2,h3,h4,h5,h6{font-family:Josefin Sans}.container{max-width:900px;margin:0 auto}#top_image{background-image:url(../img/tb-3.ea05d7b7.jpg);background-size:cover;background-position:0;width:100vw;height:100vh}#top_image .top-image-copy{display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;height:100vh;width:100vw}#top_image .top-image-copy .top-image-copy-inner h1{font-size:75px;font-family:Josefin Sans;color:#fff;letter-spacing:3px;text-transform:uppercase;font-size:45px;margin-bottom:10px;text-shadow:6px 4px #000}#top_image .top-image-copy .top-image-copy-inner h5{font-size:25px;font-family:Josefin Sans;color:#ddd;letter-spacing:5px;text-transform:lowercase;margin-top:0;text-shadow:3px 3px rgba(0,0,0,.5)}h2{background-color:#998a85;text-shadow:4px 4px #645854;color:#fff;padding:20px;font-size:35px;line-height:40px;margin-bottom:0;margin-top:0;position:sticky;top:0;z-index:1000}h2 small{display:block;font-size:17px;text-shadow:none;font-style:italic;font-weight:400;line-height:30px}h2 .mobile{display:inline-block}h2 .desktop{display:none}#skills{min-height:100vh;padding:100px 0;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#skills .skill{padding:25px}#skills h3{text-transform:uppercase;letter-spacing:3px;border-bottom:2px solid #333;padding-bottom:5px;display:inline-block;font-size:22px}#skills .skills span{display:block;padding:20px 10px;font-size:22px}#skills .skills span i{font-size:16px;display:block;opacity:.5}#resume{padding:100px 20px}#resume hr{border:none;border-bottom:1px solid #333}#resume h3{font-size:35px}#resume h3,#resume h4{margin-bottom:0;margin-top:0}#resume h4{font-size:25px}#resume p{margin:20px 0;background-color:#998a85;color:#fff;opacity:.75;padding:10px;width:auto;display:inline-block;letter-spacing:5px;font-family:Josefin Sans;text-transform:uppercase}#resume .job{border-bottom:3px solid #998a85;padding:60px 0}#resume .job ul.details{margin-bottom:0}#resume .job ul.details li{font-size:20px;line-height:28px;padding:10px 0}#resume .job:first-of-type{margin-top:0;padding-top:0}#resume .job:last-of-type{border:none;padding-bottom:0}#portfolio .portfolio-items{margin:100px 0}#portfolio .portfolio-items .portfolio-item{padding-bottom:100px}#portfolio .portfolio-items .portfolio-item .portfolio-image{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#portfolio .portfolio-items .portfolio-item .portfolio-image .portfolio-image-inner{border-radius:10px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.35);box-shadow:0 5px 10px rgba(0,0,0,.35);overflow:hidden;width:85%;position:relative}#portfolio .portfolio-items .portfolio-item .portfolio-image .portfolio-image-inner img{width:100%;margin-bottom:-5px}#portfolio .portfolio-items .portfolio-item .portfolio-image .portfolio-image-inner .portfolio-details{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.85);padding:15px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .4s;transition:all .4s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#portfolio .portfolio-items .portfolio-item .portfolio-image .portfolio-image-inner .portfolio-details h3{text-align:left;font-size:35px;color:#fff;padding-left:25px;margin-top:0;margin-bottom:0}#portfolio .portfolio-items .portfolio-item .portfolio-image .portfolio-image-inner .portfolio-details .details{color:#fff}#portfolio .portfolio-items .portfolio-item .portfolio-image .portfolio-image-inner .portfolio-details .details li{font-size:20px;line-height:25px;padding:10px 0}#portfolio .portfolio-items .portfolio-item .portfolio-image .portfolio-image-inner .portfolio-details a{background-color:rgba(153,138,133,.8);color:#fff;font-size:18px;padding:15px 10px;margin:25px 25px 0 25px;display:block;text-decoration:none;text-align:center;font-family:Josefin Sans;text-transform:uppercase;letter-spacing:2px;-webkit-transition:all .4s;transition:all .4s}#portfolio .portfolio-items .portfolio-item .portfolio-image .portfolio-image-inner .portfolio-details a:hover{background-color:#998a85}#portfolio .portfolio-items .portfolio-item .portfolio-image .portfolio-image-inner.active .portfolio-details,#portfolio .portfolio-items .portfolio-item .portfolio-image .portfolio-image-inner:hover .portfolio-details{opacity:1}#portfolio .portfolio-items .portfolio-item:last-of-type{padding-bottom:0}#portfolio .portfolio-items .portfolio-item.active .portfolio-image-inner .portfolio-details{opacity:1}#contact{min-height:100vh;padding:100px 0;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box}#contact h3{padding:0 30px;font-size:55px;line-height:70px;margin-bottom:50px;margin-top:0}#contact a{background-color:rgba(153,138,133,.8);padding:30px;font-family:Josefin Sans;text-transform:uppercase;letter-spacing:2px;font-size:25px;text-decoration:none;color:#fff;-webkit-transition:all .4s;transition:all .4s;display:inline-block}#contact a:hover{background-color:#998a85}@media (max-width:991px){#top_image{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}#top_image #top_image_likes{margin-bottom:20px}#top_image #top_image_likes h3{font-size:30px;text-shadow:3px 3px #645854}#top_image #top_image_likes h1{font-size:40px}}@media (min-width:768px){h2{font-size:45px;line-height:50px;padding:20px}h2 .mobile{display:none}h2 .desktop{display:inline-block}#skills .skills-inner{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}#top_image .top-image-copy{text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100vh;width:50vw;margin-left:50vw}#portfolio .portfolio-items .portfolio-item .portfolio-image .portfolio-image-inner .portfolio-details{padding:30px}}