*{margin:0;padding:0;box-sizing:border-box;font-family:'Open Sans', arial, sans-serif}html:not(.post-content){font-size:62.5%}body{font-size:1.6rem}.page-wrapper{display:flex;flex-direction:column;flex-wrap:wrap}.container{width:100%;max-width:480px;margin:auto;padding:0px 10px}img{max-width:100%;display:block}.header,.landing,.portfolio,.connect,footer{background-color:black;color:white}.story,.resume{background-color:white;color:black}.topnav{overflow:hidden;background-color:black;position:relative}.topnav #navLinks{display:none}.topnav a{color:white;padding:14px 16px;text-decoration:none;text-transform:uppercase;font-size:17px;display:block}.topnav a.icon{background:black;display:block;position:absolute;left:0;top:0}.topnav a:hover{background-color:#ddd;color:black}.topnav .active:hover{background-color:black}.active img{width:100%;height:auto;max-width:200px;margin:auto}.topnav .icon{padding-top:20px}.landing .container{padding:0px 0px}.hidden-mobile{display:none}.section-title{text-align:center;text-transform:uppercase;padding:20px 0px;font-size:2.1rem}.story img{padding:20}.story-text{padding:10px 15px}.story-text h1,.story-text p,.story-text h2{text-align:center}.story-text h2{font-size:1.8rem}.story .paragraphs p{font-size:1.6rem;padding:5px 0px}.resume-box{display:flex;flex-flow:column wrap;padding:10px 15px}.resume-heading{font-size:1.8rem}.resume-content p{font-size:1.6rem}.resume-content .skills-list{display:flex;flex-flow:row wrap;justify-content:space-around}.download-resume{padding:5px}.download-resume .btn{background-color:white;border:solid black 0.1rem;color:black;padding:10px 15px;cursor:pointer;font-size:1.8rem;border-radius:4px}.download-resume .btn:hover{background-color:black;border:none;color:white}.connect-box{display:flex;flex-flow:column}.contact-form{display:flex;flex-flow:column}.form-row{padding:5px 0px}.contact-form label{font-size:1.8rem}.contact-form input{width:100%;padding:12px 20px;margin:8px 0;box-sizing:border-box;resize:vertical;font-size:1.6rem}.contact-form textarea{width:100%;height:10rem;padding:12px 20px;box-sizing:border-box;border:1px solid #ccc;border-radius:4px;background-color:#f8f8f8;resize:none;font-size:1.6rem}.contact-form .btn{background-color:white;border:solid black 0.1rem;color:black;padding:10px 15px;cursor:pointer;font-size:1.8rem;border-radius:4px}.contact-form .btn:hover{background-color:black;border:white solid 0.1rem;color:white}.footer_logo img{width:100%;height:auto;max-width:200px;margin:auto}.footer-links{padding:10px 0px;display:flex;flex-direction:column}.footer-links ul{list-style:none}.footer-links ul a{color:white;text-transform:uppercase;font-size:1.8rem;text-decoration:none}.social-links{display:flex;flex-flow:row wrap;justify-content:space-evenly}.social-icon{font-size:1.8rem}@media (min-width: 480px){.container{max-width:767.8px;padding:0px 50px}.story .paragraphs p,.resume-content p,.contact-form input,.contact-form textarea{font-size:1.8rem}.story-text h2,.resume-heading,.download-resume .btn,.contact-form label,.contact-form .btn,.footer-links ul a,.social-icon{font-size:2.0rem}.section-title{font-size:2.3rem}}@media (min-width: 768px){.container{max-width:1440px;padding:0px 100px}.section-title{font-size:3.5rem}.topnav{display:flex;justify-content:space-between}.topnav #navLinks{display:flex;justify-content:center;align-items:center}#navLinks .nav-item{position:relative}#navLinks .nav-item:before{content:"";position:absolute;width:100%;height:10%;bottom:0;left:0;background-color:#FFF;visibility:hidden;transform:scaleX(0);transition:all 0.35s ease-in-out}#navLinks .nav-item:hover:before{visibility:visible;transform:scaleX(1)}.topnav a:hover{background-color:black;color:white}.topnav a.icon{display:none}.landing{background-image:url("../images/landing_splash.jpg");background-size:cover;background-repeat:no-repeat;background-position:0;position:relative;top:0;left:0;width:100%;height:80vh}.landing-cover{background-color:rgba(0,0,0,0.3);position:absolute;height:100%;width:100%;top:0;left:0}.landing .container{padding:0px 100px}.landing img{display:none}.landing .landing-text{display:block;position:absolute;z-index:2}.landing .landing-text{padding:150px 100px}.landing-text h2{font-size:5rem}.landing-text h1{font-size:10rem}.story .section-title{display:none}.story-grp{display:flex;align-items:center;padding:50px 0px}.story-grp .story-text{display:flex;flex-direction:column;justify-content:center}.resume .resume-row{display:flex}.resume-row .resume-heading{flex:1}.resume-row .resume-content{flex:2}.connect-box{flex-direction:row;justify-content:space-between;align-items:center}.connect-form{flex:2}.connect-icons{flex:1;margin:auto;display:flex;flex-flow:column wrap;align-items:center}.footer-links ul{display:flex;justify-content:center;margin:auto;border-bottom:2px white solid}.footer-links ul li{padding:0px 10px}footer .social-links{justify-content:center}footer .social-links a{padding:0px 5px}}.container-blog{padding:25px 50px}.container-blog ul{list-style-type:none}.container-blog .postYear{font-size:2.1rem;padding-top:10px;padding-bottom:0px}.container-blog .each-post{display:flex;flex-direction:row}.container-blog .each-post .blogs-image{width:30%}.container-blog .each-post .blogs-image .blog-roll-image{width:200px;height:200px;object-fit:cover}.container-blog .each-post .blogs-post{width:70%;padding:5px 10px;display:flex;flex-direction:column}.container-blog .each-post .blogs-post h2{padding:10px 10px 0 0}.container-blog .each-post .blogs-post h2 a{font-size:1.8rem !important;color:black}.container-blog .each-post .blogs-post p{font-size:1.6rem}@media (min-width: 480px){.container-blog{padding:25px 100px}.container-blog .postYear{font-size:2.3rem}.container-blog .blogs-post h2 a{font-size:2.0rem !important}.container-blog .blogs-post p{font-size:1.8rem}}@media (min-width: 768.1px){.container-blog{padding:50px 200px}.container-blog .postYear{font-size:3.5rem}.container-blog .blogs-post{padding:10px 20px}.container-blog .blogs-post h2 a{font-size:3.0rem !important}.container-blog .blogs-post p{font-size:2.0rem}}.container-post{padding:25px 30px}.container-post .post-meta{padding-bottom:20px}.container-post .post-meta .post-featured-image{width:100%;height:200px;object-fit:cover}.container-post .post-meta .post-title{font-size:3.0rem;padding:10px 0px 0px 0px}.container-post .post-meta .post-details{font-size:1.6rem}.container-post .post-meta .post-details i{vertical-align:baseline}.container-post .post-meta .post-details svg#i-clock{vertical-align:baseline}.container-post .post-content h1,.container-post .post-content h2,.container-post .post-content h3{padding:10px 0px}.container-post .post-content p{padding:5px 0px;line-height:1.5}.container-post .post-content ul,.container-post .post-content ol{padding:5px 0px;list-style-position:inside}.container-post .post-content table{width:100%;border:1px solid grey;margin:10px auto;border-collapse:collapse}.container-post .post-content table th,.container-post .post-content table td{border:1px solid grey;line-height:1.5}.container-post .post-content img{padding:10px 0px;margin:0 auto}.container-post .post-share{padding:25px 0px}.container-post .post-share .share-box h5{font-size:16px}.container-post .post-share .share-box a{display:inline-block;-webkit-box-shadow:0 0 1px #777;box-shadow:0 0 1px #777;padding:5px 12px;margin-right:5px;margin-bottom:5px;text-decoration:none;border-radius:4px}.container-post .post-share .share-box a:hover{text-decoration:none;-webkit-transition:background-color 200ms linear;-ms-transition:background-color 200ms linear;transition:background-color 200ms linear}.container-post .post-share .f{color:#3b5998}.container-post .post-share .f:hover{color:#fff;background-color:#3b5998}.container-post .post-share .t{color:#4099FF}.container-post .post-share .t:hover{color:#fff;background-color:#4099FF}.container-post .post-share .g{color:#d34836}.container-post .post-share .g:hover{color:#fff;background-color:#d34836}.container-post .post-share .r{color:#ff5700}.container-post .post-share .r:hover{color:#fff;background-color:#ff5700}.container-post .post-share .l{color:#0077b5}.container-post .post-share .l:hover{color:#fff;background-color:#0077b5}.container-post .post-share .e{color:#444444}.container-post .post-share .e:hover{color:#fff;background-color:#444444}@media (min-width: 480px){.container-post{padding:25px 100px}.container-post .post-meta{padding-bottom:40px}.container-post .post-meta .post-title{font-size:4.0rem}.container-post .post-content table{width:80%}}@media (min-width: 768.1px){.container-post{padding:50px 200px}.container-post .post-meta{padding-bottom:60px}.container-post .post-meta .post-title{font-size:5.0rem}.container-post .post-content h1{font-size:28px}.container-post .post-content h2{font-size:26px}.container-post .post-content h3{font-size:22px}.container-post .post-content p{font-size:18px}}@media (min-width: 1025px){.container-post{padding:50px 300px}}.container-404{display:flex;flex-direction:column;justify-content:center;align-items:center}.container-404 img{width:85vh}.container-404 .notfoundmsg{display:flex;flex-direction:column;justify-content:center;text-align:center;padding:20px 0px}.container-404 .notfoundmsg h1{font-size:3.0rem}.container-404 .notfoundmsg h2{font-size:2.0rem}.container-404 .notfoundmsg h2 a{color:black}@media (min-width: 480px){.container-404{padding:25px 100px}.container-404 img{width:70vh}.container-404 .notfoundmsg{padding:40px 0px}.container-404 .notfoundmsg h1{font-size:4.0rem}.container-404 .notfoundmsg h2{font-size:2.5rem}}@media (min-width: 768.1px){.container-404{padding:50px 200px;flex-direction:row;justify-content:space-between}.container-404 img{width:70vh}.container-404 .notfoundmsg{padding:0px 25px}.container-404 .notfoundmsg h1{font-size:5.0rem}.container-404 .notfoundmsg h2{font-size:3.0rem}}