/*Media Queries*/
@media (min-width:1281px){
.logo_sm{display:none;}
}
@media (min-width:1025px) and (max-width:1280px){
.nav-container{float:right;list-style:none;margin-top:20px;margin-right:40px;}
#about .row{padding:0 3%;}
.logo_sm img{display:none;}
.reasons{background-attachment:scroll;padding-left:40px;padding-right:40px;}
footer{padding:50px 40px 40px 50px;}
}
@media (min-width:768px) and (max-width:1024px){
.nav{height:130px;border:0px;}
.nav .logo{height:60px;margin-top:20px;}
.logo_sm{display:none;}
.nav ul{margin-top:28px;margin-right:30px;}
.nav ul li{margin-left:20px;}
.nav ul li a, .nav ul li .button_small{font-size:90%;}
.row{width:100%;}
h1{font-size:4.3em;}
section h2{font-size:2.8em;}
section{padding:80px 0;}
h3{font-size:1.4em;}
section h2:after{margin-top:40px;}
.portfolio-header{height:100px;}
header{height:670px;}
header h2{font-size:3.2em;}
.header_textbox{top:27%;}
#services h3{margin-top:15px;}
#services .row{width:80%;}
#services .col{padding:0px 10px;}
#services img{width:140px;}
#services h4{font-size:1.3em;font-weight:300;}
.details_link a{font-size:1.6em;}
.folio li{width:50%;}
.section_trial{padding:70px;}
.trial_wrap{max-width:100%;}
.section_trial h2{font-size:2.1em;}
.section_trial p{font-size:1.3em;line-height:150%;}
.section_trial .button{font-size:1.4em;margin-top:30px;}
#about .row{width:80%;}
#about .col{width:100%;}
.main-statement{padding:0px;}
#about p{font-size:1.3em;}
.reasons h2{font-size:2em;}
.reasons{background-attachment:scroll;padding-left:25px;padding-right:25px;}
footer p{width:100%;font-size:12px;}
footer .col:nth-child(2){padding-left:10px;}
footer ul{margin-top:10px;}
footer h4{font-size:140%;}
.service-image{width:95%;margin:0 auto;margin-top:30px;}
.service-list{padding:60px 0;}
.service-list p, .other-service p{font-size:130%;}
.service-list .lead-p{font-size:150%;text-align:left;}
.service-menu-section .row h2{margin-bottom:10px;}
.service-menu-section{padding-bottom:0px;}
.service-menu{width:90%;margin:20px auto;}
.service-menu .col{width:33.3%;padding:20px 0;margin:20px auto;}
.service-menu h4{font-size:140%;}
.service-features .col{margin-bottom:50px;width:95%;}
.service-features .col:last-child{margin-bottom:10px;}
.service-features h4{font-size:170%;}
.service-action{font-size:120%;width:85%;}
#myBtn{right:25px;bottom:35px;}
.service-action .button{font-size:130%;}
.other-service{margin-top:60px;}
.other-service{font-size:120%;}
.filtr-item{width:50%;}
.nav-gallery li{font-size:130%;}
.extended-folio h3{font-size:150%;}
.filtr-container{min-height:300vh;}
.section-form{padding:40px 0;}
.section-form .row{width:90%;}
.section-form h3{font-size:150%;}
.section-form h4{font-size:170%;}
.section-form p{font-size:140%;}
.contact-form .row{margin-bottom:20px;}
.contact-form input, .contact-form textarea{margin-top:10px;}
.contact-form label{font-size:120%;}
.contact-form input, .contact-form textarea{font-size:120%;}
}
@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){
body{overflow:hidden;}
section h2{font-size:2.8em;}
h3{font-size:1.4em;}
.portfolio-header{height:100px;}
nav .logo{height:50px;margin-top:12.5px;}
nav{height:80px;}
.logo_sm{display:none;}
header{height:100vh;}
header h2{font-size:3.2em;}
.header_textbox{top:35%;}
#services .row{width:75%;}
#services img{width:140px;}
#services h4{font-size:1.1em;}
.details_link a{font-size:1.4em;}
.folio li{width:33%;}
footer .col{width:33%;}
footer img{width:300px;padding:20px;}
footer p{font-size:130%;width:100%;}
footer ul li{font-size:20px;}
footer .col:first-child{padding-left:15px;font-size:16px;}
footer .col:nth-child(2){padding:0px;}
footer ul{margin-top:15px;}
footer h4{font-size:150%;}
}
@media (max-width:600px){
.nav{border:0px;}
.nav .nav-btn{display:inline-block;position:absolute;right:10px;top:10px;}
.nav .nav-btn label{display:inline-block;width:50px;height:50px;padding:30px 10px 20px 10px;;}
.nav .nav-btn label:hover{cursor:pointer;}
.nav .nav-btn label span{display:block;width:30px;height:10px;border-top:3px solid #eee;}
.nav ul{position:absolute;display:block;width:100%;height:0px;background-color:#421a81;transition:all 0.2s ease-in;overflow-y:hidden;top:100px;left:0px;padding:0px;margin-top:0px;z-index:9;}
.nav ul li{display:block;margin-left:0px;width:100%;padding-left:10px;}
.nav ul li a, .nav ul li .button_small{display:block;padding:10px 20px;font-size:18px;margin-top:20px;}
.nav ul li .button_small{border:0px;}
.nav li a:hover, .nav li a:active{border:0px;}
.nav #nav-check:not(:checked) + .nav-links{height:0px;}
.nav #nav-check:checked + .nav-links{height:calc(100vh - 50px);overflow-y:auto;}
}
@media (min-width:481px) and (max-width:767px){
.logo_sm{display:none;}
.nav{border:0px;}
.nav ul{width:60%;margin-right:5px;}
.nav ul li{margin-left:25px;}
body{font-size:80%;}
h1{font-size:4em;}
header h2{font-size:2.6em;}
section h2{font-size:2.6em;}
h3{font-size:1.5em;}
section{padding:60px 0px;}
.header_textbox{top:35%;}
#services .row{width:100%;padding:0px 30px;}
#services img{width:130px;}
#services .col{padding-top:30px;padding-bottom:20px;}
#services h4{font-size:130%;font-weight:300;}
#services h3{font-size:1.5em;width:90%;margin:0px auto;margin-bottom:20px;}
#portfolio{padding-top:40px;}
#portfolio .row{width:100%;padding:0px 30px 50px 30px;}
.folio li{width:50%;}
.trial_wrap{width:95%;padding:10px 30px;}
.section_trial p{font-size:18px;line-height:150%;}
.section_trial .button{font-size:18px;}
.main-statement{padding:10px 0px;margin:0 auto;font-size:0.9em;}
#about{padding:60px 40px;font-size:18px;}
#about .col{width:100%;}
#about h2{font-size:2.2em;}
.button{font-size:16px;}
.reasons{height:170px;background-attachment:scroll;font-size:12px;}
.reasons .col{margin:0;padding:0 10px;}
footer img{width:90%;}
footer{padding:50px 0px 20px 20px;}
footer .col:nth-child(2){padding-left:0px;}
footer p{width:100%;font-size:100%;line-height:130%;}
footer ul{margin-top:10px;}
footer h4{font-size:130%;}
.service-image{width:90%;margin:0 auto;margin-top:30px;}
.service-list{padding:60px 0;}
.service-list .col{width:100%;margin:0px;}
.service-list p, .other-service p{font-size:130%;}
.service-list .lead-p{font-size:150%;text-align:left;}
.service-menu-section .row h2{margin-bottom:10px;}
.service-menu-section{padding-bottom:0px;}
.service-menu{width:95%;margin:20px auto;}
.service-menu img{height:65px;}
.service-menu h4{margin-top:10px;}
.service-features .col{margin-bottom:40px;}
.service-features .col:last-child{margin-bottom:10px;}
.service-features h4{font-size:190%;margin-bottom:20px;}
.service-action{font-size:120%;}
.service-action p{margin-top:20px;padding-top:30px;border-top:1px solid #e4e4e4;}
#myBtn{right:15px;bottom:15px;}
.service-action .button{font-size:140%;}
.other-service{margin-top:40px;}
.other-service p{font-size:1.6em;}
.filtr-item{width:50%;}
.nav-gallery li{font-size:1.7em;}
.extended-folio h3{font-size:150%;}
.filtr-container{min-height:700vh;}
.section-form{padding:40px 0;}
.section-form .row{width:90%;}
.section-form h3{font-size:150%;}
.section-form h4{font-size:170%;margin-bottom:40px;}
.section-form p{font-size:140%;}
.other-service p{font-size:1.5em;}
.contact-form label{font-size:1.4em;}
.contact-form input, .contact-form textarea{font-size:1.4em;margin-bottom:20px;}
input[type="text"], input[type="email"], textarea{color:#ccc;}
}
@media (min-width:320px) and (max-width:480px){
.nav {border:0;}
.nav .logo{display:none;}
.logo_sm{position:absolute;top:20px;left:20px;width:60px;}
.logo_sm img{width:100%;margin-bottom:45px;}
body{font-size:80%;}
h1{font-size:2.8em;}
section h2{font-size:2.2em;padding-bottom:0px;}
h3{font-size:1.4em;}
section{padding:30px 0px;}
.col{width:100%;}
.portfolio-header{height:100px;}
.service-menu-section .row h2, .extended-folio .row h2, .section-form .row h2{margin-top:10px;font-size:250%;}
header{height:350px;}
header h1{font-size:310%;}
header h2{font-size:2.5em;}
.header_textbox{position:absolute;width:96%;left:2%;top:24%;z-index:0;}
.icon-big{font-size:320%;margin-top:30px;}
#services{padding:60px 0px;}
#services .row{width:100%;padding:0px 30px;}
#services img{width:160px;}
#services .col{width:100%;padding-top:30px;padding-bottom:20px;margin-left:0px;}
#services h3{font-size:1.5em;width:95%;margin:0px auto;margin-bottom:10px;}
#services h4{font-size:130%;}
.details_link{margin-top:40px;}
.details_link a{font-size:1.7em;}
#portfolio{padding-top:50px;}
#portfolio h3{font-size:1.5em;}
#portfolio .row{width:100%;padding:0px 30px 50px 30px;}
.folio li{width:100%;}
.trial_wrap{width:90%;padding:10px 30px;}
.section_trial p{font-size:20px;line-height:150%;}
.section_trial .button{font-size:20px;}
.main-statement{padding:10px 0px;margin:0 auto;font-size:0.9em;}
#about{padding:60px 40px;font-size:18px;}
#about h2{font-size:1.9em;}
#about p{font-size:1em;}
.button{font-size:16px;}
.reasons{background-attachment:scroll;}
.reasons .border{border:0;}
footer{padding:50px 0px 30px 20px;}
footer .col:nth-child(2){padding-left:0px;}
footer p{width:100%;font-size:110%;line-height:145%;}
footer ul{margin-top:10px;}
footer h4{font-size:130%;}
.service-image{width:100%;margin:0 auto;margin-top:30px;}
.service-list{padding:60px 0;}
.service-list p, .other-service p{font-size:130%;}
.service-list .lead-p{font-size:150%;text-align:left;}
.service-menu-section .row h2{margin-bottom:10px;}
.service-menu-section{padding-bottom:0px;}
.service-menu .col{margin-bottom:30px;}
.service-menu h4{font-size:140%;}
.service-features .col{margin-bottom:40px;}
.service-features .col:last-child{margin-bottom:10px;}
.service-features h4{font-size:170%;}
.service-action{font-size:120%;}
#myBtn{right:15px;bottom:15px;}
.service-action .button{font-size:140%;}
.other-service{margin-top:20px;}
.filtr-item{width:100%;padding:0px;}
.nav-gallery li{font-size:1.5em;margin:0 auto;margin-right:20px;}
.extended-folio h3{font-size:150%;}
.filtr-container{min-height:500vh;}
.section-form{padding:40px 0;}
.section-form .row{width:90%;}
.section-form h3{font-size:150%;}
.section-form h4{font-size:170%;}
.section-form p{font-size:140%;}
.other-service p{font-size:1.5em;}
.contact-form .row{margin-bottom:20px;}
.contact-form input, .contact-form textarea{margin-top:10px;}
.contact-form label{font-size:1.4em;}
.contact-form input, .contact-form textarea{font-size:1.4em;}
input[type="text"], input[type="email"], textarea{color:#ccc;}
}