@media only screen and (max-width:1024px){
    header .banner-text h1{
        font:80px/1.1em 'opensans-bold',sans-serif;
        letter-spacing:-1px;
        margin:0 auto 12px;
    }
}
@media only screen and (max-width:900px){
    header .banner{
        padding-bottom:12px;
    }
    header .banner-text h1{
        font:78px/1.1em 'opensans-bold',sans-serif;
        letter-spacing:-1px;
    }
    header .banner-text h3{
        font:17px/1.9em 'librebaskerville-regular',serif;
        width:80%;
    }
    header .banner-text hr{
        width:65%;
        margin:12px auto;
    }
    #nav-wrap{
        font:11px 'opensans-bold',sans-serif;
        letter-spacing:1.5px;
    }
    #about .profile-pic{
        width:114px;
        height:114px;
        margin-left:12px;
    }
    #about .contact-details,#about .download{
        width:50%;
    }
    #opinions h1{
        font:16px/24px 'opensans-bold',sans-serif;
    }
    #opinions .main-col{
        padding-right:5%;
    }
    #call-to-action .header-col h1:before,#contact .header-col h1:before,#testimonials .header-col h1:before{
        font-size:66px;
        line-height:66px;
    }
    #testimonials blockquote p{
        font-size:22px;
        line-height:46px;
    }
    #contact .section-head{
        margin-bottom:30px;
    }
    #contact .section-head p.lead{
        font:17px/33px opensans-light,sans-serif;
    }
}
@media only screen and (max-width:767px){
    #nav-wrap{
        font:12px 'opensans-bold',sans-serif;
        background:0 0!important;
        letter-spacing:1.5px;
        width:auto;
        position:fixed;
        top:0;
        right:0;
    }
    #nav-wrap>a{
        width:48px;
        height:48px;
        text-align:left;
        background-color:#cc5200;
        border:0;
        float:right;
        text-shadow:none;
        color:transparent;
        position:relative;
        top:0;
        right:30px;
    }
    #nav-wrap>a:after,#nav-wrap>a:before{
        position:absolute;
        border:2px solid #fff;
        left:25%;
        right:25%;
        content:'';
    }
    #nav-wrap>a:before{
        top:35%;
    }
    #nav-wrap>a:after{
        top:60%;
    }
    #nav-wrap:not(:target)>a:first-of-type,#nav-wrap:target>a:last-of-type{
        display:block;
    }
    #nav-wrap ul#nav{
        height:auto;
        display:none;
        clear:both;
        width:auto;
        float:right;
        position:relative;
        top:12px;
        right:0;
    }
    #nav-wrap:target>ul#nav{
        display:block;
        padding:30px 20px 48px;
        background:#1f2024;
        margin:0 30px;
        clear:both;
    }
    ul#nav li{
        height:auto;
        margin:0 auto;
        padding:0 4%;
        text-align:left;
        border-bottom:1px solid #2d2e34;
        border-bottom-style:dotted;
    }
    ul#nav li a{
        padding:0;
        margin:12px 0;
        line-height:16px;
        border:0;
    }
    header .banner{
        padding-bottom:12px;
        padding-top:6px;
    }
    header .banner-text h1{
        font:68px/1.1em 'opensans-bold',sans-serif;
    }
    header .banner-text h3{
        font:16px/1.9em 'librebaskerville-regular',serif;
        width:85%;
    }
    header .banner-text hr{
        width:80%;
        margin:18px auto;
    }
    header .social{

    }
    header .social li{
        margin:0 10px;
    }
    #about .profile-pic,header .scrolldown{
        display:none!important;
    }
    #about .download .button{
        width:100%;
        text-align:center;
        padding:15px 20px;
    }
    #about .main-col{
        padding-right:30px;
    }
    #opinions .header-col{
        padding-top:0;
        margin-bottom:48px;
        text-align:center;
    }
    #opinions h1{
        letter-spacing:3px;
    }
    #opinions .main-col{
        padding-right:30px;
    }
    #call-to-action,#opinions .info,#opinions h3{
        text-align:center;
    }
    .bars{
        width:100%;
    }
    #call-to-action h1,#contact .section-head h1,#testimonials h1{
        font:16px/24px 'opensans-bold',sans-serif;
        text-align:center;
        margin-bottom:30px;
        text-shadow:0 1px 3px #000;
    }
    #call-to-action h1 span,#contact h1 span,#testimonials h1 span,ul#nav li,ul#nav li a{
        display:block;
    }
    #call-to-action .header-col h1:before,#contact .header-col h1:before,#testimonials .header-col h1:before,footer .copyright li:before{
        content:none;
    }
    #call-to-action p{
        font-size:15px;
    }
    #projects-wrapper .columns{
        margin-bottom:40px;
    }
    .popup-modal{
        max-width:85%;
    }
    #contact .section-head p.lead,#testimonials .text-container{
        text-align:center;
    }
    #testimonials blockquote{
        padding-bottom:24px;
    }
    #testimonials blockquote p{
        font-size:20px;
        line-height:42px;
    }
    .flex-control-nav{
        text-align:center;
        margin-left:-30px;
    }
    #contact{
        padding-bottom:66px;
    }
    #contact .section-head{
        margin-bottom:12px;
    }
    #contact .header-col{
        padding-top:0;
    }
    #contact label{
        float:none;
        width:100%;
    }
    #contact input,#contact select,#contact textarea{
        margin-bottom:6px;
        width:100%;
    }
    #contact button.submit{
        margin:30px 0 24px;
    }
    #message-success,#message-warning{
        width:100%;
        margin-left:0;
    }
    footer .copyright li{
        margin-right:12px;
    }
    footer .social-links{
        font-size:22px;
    }
    footer .social-links li{
        margin-left:18px;
    }
    #go-top{
        margin-left:-22px;
    }
    #go-top a{
        width:54px;
        height:54px;
        font-size:18px;
        line-height:54px;
    }
}
@media only screen and (max-width:480px){
    #nav-wrap ul#nav{
        width:auto;
        float:none;
    }
    header .banner{
        padding-top:24px;
    }
    header .banner-text h1{
        font:40px/1.1em 'opensans-bold',sans-serif;
        margin:0 auto 24px;
    }
    header .banner-text h3{
        font:14px/1.9em 'librebaskerville-regular',sans-serif;
        width:90%;
    }
    footer .social-links,header .social{
        font-size:20px;
    }

    header .social li{
        margin:0 6px;
    }
    footer .social-links li{
        margin-left:14px;
    }
}
@media(min-width:640px){
    .sm\:absolute{
        position:absolute;
    }
    .sm\:-top-10{
        top:-2.5rem;
    }
    .sm\:right-1\/2{
        right:50%;
    }
    .sm\:top-\[-28rem\]{
        top:-28rem;
    }
    .sm\:-z-10{
        z-index:-10;
    }
    .sm\:-mx-4{
        margin-left:-1rem;
        margin-right:-1rem;
    }
    .sm\:ml-16{
        margin-left:4rem;
    }
    .sm\:mr-10{
        margin-right:2.5rem;
    }
    .sm\:mt-20{
        margin-top:5rem;
    }
    .sm\:block{
        display:block;
    }
    .sm\:inline-block{
        display:inline-block;
    }
    .sm\:flex{
        display:flex;
    }
    .sm\:w-\[68\.5625rem\]{
        width:68.5625rem;
    }
    .sm\:w-full{
        width:100%;
    }
    .sm\:translate-x-0{
        --tw-translate-x:0px;
        -webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
    .sm\:columns-1{
        -webkit-columns:1;
        column-count:1;
    }
    .sm\:grid-cols-2{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .sm\:justify-center{
        justify-content:center;
    }
    .sm\:space-x-12>:not([hidden])~:not([hidden]){
        --tw-space-x-reverse:0;
        margin-left:calc(3rem*(1 - var(--tw-space-x-reverse)));
        margin-right:calc(3rem*var(--tw-space-x-reverse));
    }
    .sm\:space-x-4>:not([hidden])~:not([hidden]){
        --tw-space-x-reverse:0;
        margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));
        margin-right:calc(1rem*var(--tw-space-x-reverse));
    }
    .sm\:px-4{
        padding-left:1rem;
        padding-right:1rem;
    }
    .sm\:py-12{
        padding-bottom:3rem;
        padding-top:3rem;
    }
    .sm\:py-32{
        padding-bottom:8rem;
        padding-top:8rem;
    }
    .sm\:py-40{
        padding-bottom:10rem;
        padding-top:10rem;
    }
    .sm\:text-4xl{
        font-size:2.25rem;
        line-height:2.5rem;
    }
    .sm\:text-6xl{
        font-size:3.75rem;
        line-height:1;
    }
    .sm\:text-\[0\]{
        font-size:0;
    }
}
@media(min-width:768px){
    .md\:grid-cols-3{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
    .md\:object-center{
        object-position:center;
    }
}
@media(min-width:1024px){
    .lg\:absolute{
        position:absolute;
    }
    .lg\:inset-y-0{
        bottom:0;
        top:0;
    }
    .lg\:right-0{
        right:0;
    }
    .lg\:mx-0{
        margin-left:0;
        margin-right:0;
    }
    .lg\:block{
        display:block;
    }
    .lg\:hidden{
        display:none;
    }
    .lg\:aspect-auto{
        aspect-ratio:auto;
    }
    .lg\:h-full{
        height:100%;
    }
    .lg\:w-1\/2{
        width:50%;
    }
    .lg\:w-full{
        width:100%;
    }
    .lg\:max-w-2xl{
        max-width:42rem;
    }
    .lg\:max-w-none{
        max-width:none;
    }
    .lg\:max-w-xl{
        max-width:36rem;
    }
    .lg\:columns-1{
        -webkit-columns:1;
        column-count:1;
    }
    .lg\:grid-cols-3{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
    .lg\:grid-cols-4{
        grid-template-columns:repeat(4,minmax(0,1fr));
    }
    .lg\:gap-8{
        gap:2rem;
    }
    .lg\:border-none{
        border-style:none;
    }
    .lg\:px-8{
        padding-left:2rem;
        padding-right:2rem;
    }
    .lg\:py-56{
        padding-bottom:14rem;
        padding-top:14rem;
    }
    .lg\:pr-0{
        padding-right:0;
    }
}