.services #Main .content-wrap{padding-bottom: 34px; padding-right: 40%;}
.services #Main .content-wrap:before{content:''; display: block; position: absolute; right:0px; bottom:0px; left:60%; background-image: url(../images/services/services-1N.webp); background-size: contain; background-repeat: no-repeat; background-position: top center; font-size: 24px; line-height: 1em;  text-align: center; padding-top:25%;}
.no-webp .services #Main .content-wrap:before,
.no-js .services #Main .content-wrap:before{background-image: url(../images/services/services-1N.png);}
.services #Main .text-wrap{margin-left: 0px; }
.services .body-wrap{/*background-image: url(../images/color-swoops/bluecurve.svg);*/ background-size: cover; }
.services #Main .text-wrap p{margin-bottom: 72px;}
.services #Main p em{font-weight: 500; color:#059e94; font-style: normal;}


.services .service-bar{ position: relative; }
.service-bar h2{color:#81ad33; font-size: 92px; text-align: center; text-transform: lowercase; line-height: 62px; margin-bottom: 42px;}
.service-bar.graphics h2{text-align: left;}
.service-bar h2 .serif{color: #000; display: block; font-size: 84px; text-transform: uppercase;}
.service-bar .text{width:auto; padding-bottom: 64px; }
.service-bar .service-blocks{flex:0 0 780px; width:780px;}
.services .service-bar .content-wrap{}
.services .service-bar .flex-content{position: relative;}

.service-bar.website .content-wrap:before{content:''; display: block; background-image: url(../images/services/services-websites.webp); background-size: cover; background-repeat: no-repeat; position: absolute; top:-74px; left:-100px; right:50%; bottom:-74px;}
.no-webp .service-bar.website .content-wrap:before,
.no-js .service-bar.website .content-wrap:before{ background-image: url(../images/services/services-websites.png);}
.service-bar.graphics .flex-content{flex-direction: row-reverse;}





.service-bar .service-blocks{text-align: center; padding:64px 64px 24px 64px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.service-bar .service-blocks a{display: inline-block; width:150px;  margin-left:64px; margin-bottom: 32px;  position: relative; padding-top: 150px; border-radius: 4px; background-color:#fff; box-shadow: rgba(0,0,0, 0.8) 0px 0px 6px ; color:#333; background-size: 54% auto; background-position: center top 16px; background-repeat: no-repeat; transition:all 0.3s ease-in-out;}
.service-bar .service-blocks a span{position: absolute; bottom:0px; left:0px; width:100%; height: 47px; text-align: center; padding: 0px 16px 32px; font-size: 15px; line-height: 1.1em;}
.service-bar .service-blocks a:hover{background-color:#ffda00; }
.service-bar.graphics{margin-bottom: 74px;}
.service-bar.graphics:before{content:''; display: block; width: 100%;  position:absolute; top:-150px; bottom:-150px; left:0px; background-image: url(../images/services/services-graphics.png); background-size: contain; background-repeat: no-repeat; background-position: top right; z-index: 1;}
.service-bar.graphics .service-blocks{position: relative; z-index: 2;}
.service-bar.graphics .service-blocks a{margin-left: 0px; margin-right: 64px;}


.service-bar .service-blocks a.websites{background-image: url(../images/services/webdesign_1.svg);}
.service-bar .service-blocks a.hosting{background-image: url(../images/services/hosting.svg);}
.service-bar .service-blocks a.support{background-image: url(../images/services/web%20support.svg);}
.service-bar .service-blocks a.custom-programing{background-image: url(../images/services/custom%20programming2.svg);}
.service-bar .service-blocks a.audits{background-image: url(../images/services/seo.svg);}
.service-bar .service-blocks a.ecommerce{background-image: url(../images/services/ecommerce.svg);}
.service-bar .service-blocks a.logo{background-image: url(../images/services/logo.svg);}
.service-bar .service-blocks a.branding{background-image: url(../images/services/branding.svg);}
.service-bar .service-blocks a.ads{background-image: url(../images/services/Ad.svg);}
.service-bar .service-blocks a.socialmedia{background-image: url(../images/services/social%20media.svg);}
.service-bar .service-blocks a.brochures{background-image: url(../images/services/brochure.svg); }
.service-bar .service-blocks a.tradeshow{background-image: url(../images/services/tradeshow_1.svg);}

/*
.service-bar .service-blocks a.websites:hover{background-image: url(../images/services/webdesign_1-hover.svg);}
.service-bar .service-blocks a.hosting:hover{background-image: url(../images/services/hosting-hover.svg);}
.service-bar .service-blocks a.support:hover{background-image: url(../images/services/web%20support-hover.svg);}
.service-bar .service-blocks a.custom-programing:hover{background-image: url(../images/services/custom%20programming2-hover.svg);}
.service-bar .service-blocks a.audits:hover{background-image: url(../images/services/seo-hover.svg);}
.service-bar .service-blocks a.ecommerce:hover{background-image: url(../images/services/ecommerce-hover.svg);}
.service-bar .service-blocks a.logo:hover{background-image: url(../images/services/logo-hover.svg);}
.service-bar .service-blocks a.branding:hover{background-image: url(../images/services/branding-hover.svg);}
.service-bar .service-blocks a.ads:hover{background-image: url(../images/services/Ad-hover.svg);}
.service-bar .service-blocks a.socialmedia:hover{background-image: url(../images/services/social%20media-hover.svg);}
.service-bar .service-blocks a.brochures:hover{background-image: url(../images/services/brochure-hover.svg); }
.service-bar .service-blocks a.tradeshow:hover{background-image: url(../images/services/tradeshow_1-hover.svg);}
*/



.services .call-to-action{ }
.services .call-to-action p{font-family:  "Alergia Condensed"; font-weight: 200; font-size: 32px; }
.services .call-to-action .button{margin-top: 32px;}



.subservices header{border-top-color:#027972; border-bottom-color:#059e94;background-color:#fbb042; background: radial-gradient(circle, #fcaf43 0%, #eb804b 100%); }
.subservices #main_nav a{color:#333;}
.subservices header nav .submenu a:hover:before{background-color:#00a59c;}

.subservices header a.logo{background-image: url(../images/expanded11fingersLogos/11fingerslogo-blueDarkoutline.svg);}
.subservices #Main{padding-bottom: 64px;}

.subservices p.subtitle{text-transform: uppercase; font-size:24px; font-family: "minion-pro-caption", serif; font-weight: 400; margin-top:-24px; margin-bottom: 48px;}
.subservices h2{text-transform: uppercase; font-size:42px; font-family: "minion-pro-caption", serif; font-weight: 400; }
.subservices h3{margin-bottom: 0px; margin-top: 48px;}
.subservices.individuals #promotional-materials{display: flex; flex-direction: row;}
.subservices.individuals #promotional-materials .section:nth-child(1){width:67%; flex-basis: 77%;}
.subservices.individuals #promotional-materials .section:nth-child(2){width:33%; flex-basis: 33%;}
.subservices.individuals #promotional-materials ul{list-style: none; font-size: 22px; font-weight: 600; margin-top:0px;}
.subservices.individuals #promotional-materials li{margin-bottom: 0.8em;}

.authorpack #section1{display: flex; flex-direction: row; flex-wrap: wrap; width:100%;}
.authorpack #section1 .text-wrap{margin-left:0px; width:62%; max-width: 1024px; padding-bottom: 36px;}
.authorpack #section1 .photos-wrap1{padding-left: 24px; position: relative; width:25%; transform: translateY(-150px); z-index: 1;}
.authorpack #section1 .photos-wrap1 img{display: block; max-width: 100%; box-shadow: rgba(0,0,0,0.4) 0px 0px 8px; margin-bottom: 18px; position: absolute; }
.authorpack #section1 .photos-wrap1 img:nth-child(1){top:-220px; right:0px;}
.authorpack #section1 .photos-wrap1 img:nth-child(2){top:230px; right:104px;}
.authorpack #section1 .photos-wrap2{width:100%;  display: flex; flex-direction: row; justify-content: space-between; align-items: start;}
.authorpack #section1 .photos-wrap2 img{width:22%;  box-shadow: rgba(0,0,0,0.4) 0px 0px 8px; position: relative;}
.authorpack #section1 .photos-wrap2 img:nth-child(4){top:-64px;}
.authorpack #section2{display: flex; flex-direction: row-reverse; width:100%;margin-top:96px;}
.authorpack #section2 .text-wrap{margin-right: 0px; width:62%; max-width: 1024px;}
.authorpack #section2 .photos-wrap1{padding-right:24px; position:relative; width:35%;}
.authorpack #section2 .photos-wrap1 img{display: block; max-width: 100%;  box-shadow: rgba(0,0,0,0.4) 0px 0px 8px; }

.authorpack #section3{display: flex; flex-direction: row-reverse; width:100%;margin-top:48px;}
.authorpack #section3 .text-wrap{margin-right: 0px; width:62%; max-width: 1024px;}
.authorpack #section3 .photos-wrap1{padding-left:24px; position:relative; width:35%;}
.authorpack #section3 .photos-wrap1 img{display: block; max-width: 100%;  box-shadow: rgba(0,0,0,0.4) 0px 0px 8px; }

.authorpack h3.step1{margin-top:78px;}


.authorpack h3.step2:before{content:'2'; font-size: 78px; vertical-align: middle; padding-right: 24px; display: inline-block; font-weight: 700; color:#00a59c;}
.authorpack h3.step3:before{content:'3'; font-size: 78px; vertical-align: middle; padding-right: 24px; display: inline-block; font-weight: 700; color:#81ad33;}
.authorpack h2{font-size: 22px; text-align:center; margin-top: 78px;}

.packages{display: flex; flex-direction: row; justify-content: space-between;}
.packages .package{width:32%; background-color:#fff; border-radius: 4px; box-shadow:rgba(0,0,0,0.5) 0px 0px 3px; padding:24px 36px; transition: all 0.3s ease-in;}
.packages .package:hover{box-shadow: rgba(0,0,0,0.7) 0px 0px 6px 3px;}
.packages .package ul{padding-left: 0px; font-size: 0.9em;}
.packages .package li{margin-bottom: 8px;}
.packages .package h3{font-size: 36px;}
.packages .package .price{font-size: 64px; font-weight: 600; color:#ffab1e;}

#Popup{position: absolute; top:0px; left:0px; right:0px; bottom:0px; width:auto; height: auto; background-color:rgba(0,0,0,0.5);}
.PopupInter{background-color:transparent;}
#Popup .SmallPanel{background-color:#ffab1e; position: relative; top:72px; padding:72px 16px 54px 16px; border-radius: 4px;}
#Popup .contact-form.full{padding:8px 16px; background-color:#fff;}
#Popup .contact-form .formbody{margin:0px; box-shadow: none; padding:16px; background: none; }
#Popup .contact-form .formbody h3{font-size: 22px;}
#Popup .popup-hide{position: absolute; top:0px; left:0px; bottom:0px; right:0px;}
.PopupInter .hide{background-image: url(../images/icon-close-white.svg); border-color:#fff; opacity: 0.7;}
.PopupInter .hide:hover{opacity: 1;}

@media screen and (max-width:1200px) {
    .service-bar .service-blocks{flex:initial; width:auto; max-width: 530px; padding:32px 0px 0px 32px;}
    .service-bar.graphics .service-blocks{ padding:32px 32px 0px 0px;}
    .service-bar .text{flex-basis: 50%;}
    .service-bar.graphics .service-blocks a,
    .service-bar .service-blocks a{margin-left: 16px;}
    .service-bar.graphics .service-blocks a{margin-right:0px;}

    .service-bar h2{font-size: 48px; line-height: 33px; margin-bottom: 12px;}
    .service-bar h2 .serif{font-size: 42px;}
    .service-bar.graphics{margin-bottom: 0px;}
    .service-bar.graphics:before{bottom:0px;}
    .services #Main .content-wrap{padding-bottom: 0px;}
    .services #Main .text-wrap p{margin-bottom: 1em;}
    .authorpack #section1 .photos-wrap1{transform: translateY(0px);}
    .authorpack #section1 .photos-wrap1 img{position: relative;}
    .authorpack #section1 .photos-wrap1 img:nth-child(1){top:0px;}
    .authorpack #section1 .photos-wrap1 img:nth-child(2){top:0px;}
    .packages .package .price{font-size: 48px;}
    .packages .package h3{font-size: 27px;}

}

@media screen and (max-width:900px){
    .authorpack #section1{flex-direction: column;}
    .authorpack #section1 .text-wrap{width:100%}
    .authorpack #section1 .photos-wrap1{width:100%; display: flex; flex-direction: row; justify-content: space-around; align-items: center;}
    .authorpack #section1 .photos-wrap1 img{width:32%;}
    .authorpack #section1 .photos-wrap1 img:nth-child(2){right:0px;}
    .authorpack #section1 .photos-wrap2 img:nth-child(4){top:0px;}
    .authorpack #section2{flex-direction: column;}
    .authorpack #section2 .text-wrap{width:100%;}
    .authorpack #section2 .photos-wrap1{width:100%;}
    .authorpack #section2 .photos-wrap1 img{width:330px; margin-left:auto; margin-right: auto;;}
    .authorpack #section3{flex-direction: column-reverse;}
    .authorpack #section3 .photos-wrap1{width:100%;}
    .authorpack #section3 .text-wrap{width:100%;}
    .authorpack #section3 .photos-wrap1 img{width:330px; margin-left:auto; margin-right: auto;;}
    .packages{flex-direction: column;}
    .packages .package{width:100%; margin-bottom: 16px;}
    .packages .package ul{column-count: 2; column-gap: 20px;}
}

@media screen and (max-width:800px){
    .service-bar.website .flex-content,
    .service-bar.graphics .flex-content{flex-direction: column; justify-content: space-around; }
    .service-bar .text{padding-bottom: 0px;}
    .service-bar.graphics .service-blocks,
    .service-bar .service-blocks{padding:24px 0px 0px 0px; margin-left: auto; margin-right: auto; max-width: 540px;}
    .service-bar.graphics .service-blocks a, .service-bar .service-blocks a,
    .service-bar .service-blocks a{margin-left: 30px; margin-right: 0px;}
    .service-bar.graphics h2{text-align: center;}
    .services #Main .content-wrap:before{left:58%; padding-top: 30%;}
    
    .contact-form .formbody h3{font-size: 24px;}
}

@media screen and (max-width:767px) {
    .services #Main .content-wrap{padding-right: 0px;}
    .services #Main .content-wrap:before{display: none;}
    .service-bar.graphics h2{margin-top:12px;}
}

@media screen and (max-width:600px){
    .service-bar .service-blocks{justify-content: space-around;}
    .service-bar.graphics .service-blocks a, .service-bar .service-blocks a, .service-bar .service-blocks a{margin-left:0px; margin-bottom: 16px;}

    .authorpack h3.step1:before{font-size: 48px;}
    .authorpack h3.step2:before{font-size: 48px;}
    .authorpack h3.step3:before{font-size: 48px;}
    .authorpack #section1 blockquote{margin-left:0px; margin-right: 0px;}
    .authorpack #section2 blockquote{margin-left:0px; margin-right: 0px;}
    .authorpack #section3 blockquote{margin-left:0px; margin-right: 0px;}
    .authorpack #section2{margin-top:48px;}
    .authorpack #section1 .photos-wrap1{flex-wrap: wrap; padding-left: 0px;}
    .authorpack #section1 .photos-wrap1 img{width:330px; margin-left:auto; margin-right: auto;}
    .authorpack #section1 .photos-wrap2 img{width:330px; margin-bottom: 24px; margin-left:auto; margin-right: auto;}
    .authorpack #section1 .photos-wrap2{flex-wrap: wrap; display: none;}
    .authorpack #section3 ul{padding-left: 16px;}
    .authorpack #section3 ul ul{padding-left:18px;}

    .contact-form .formbody h3{font-size: 20px;}
    .packages .package ul{column-count: 1;}
}

#work-portfolio{}
#work-portfolio .market-sector{display: flex; flex-direction: row; flex-wrap: nowrap; border-top:8px solid #111; justify-content: stretch;}
#work-portfolio .market-sector:nth-child(2n){flex-direction: row-reverse;}
#work-portfolio .market-sector .spacer{width:20%;}
#work-portfolio .market-sector .info{width:600px; padding:64px 32px;}
#work-portfolio .market-sector .photo-block{background-color:#000; width:70%;   overflow: hidden; position: relative;}
#work-portfolio .market-sector .photo-wrap{display: flex; flex-direction: column; flex-wrap: wrap; padding:8px; width:1100px; justify-content: flex-start; height: 448px; position: absolute; top:0px; bottom:0px; left:0px; right:auto; margin-top:auto; margin-bottom: auto;}
#work-portfolio .market-sector .photo-block .block{width:342px; height:193px;  margin:8px;   display: block; background-color:#111; position: relative;  perspective: 1000px;}
#work-portfolio .market-sector .photo-block .block:before{content:''; display: block; position: absolute; top:0px; left:0px; right:0px; bottom:0px; background-size: 100% auto; transition: transform 0.8s; transform-style: preserve-3d; transform: rotateX(180deg); backface-visibility: hidden; }
#work-portfolio .market-sector .photo-block .block:after{content:''; display: block; position: absolute; top:0px; left:0px; right:0px; bottom:0px; background-size: 100% auto; transition: transform 0.8s; transform-style: preserve-3d; transform: rotateX(0deg); backface-visibility: hidden; }
#work-portfolio .market-sector .photo-block .block:hover:before{transform: rotateX(0);}
#work-portfolio .market-sector .photo-block .block:hover:after{transform: rotateX(-180deg);}
#work-portfolio .market-sector .photo-block .block.flip:before{transform: rotateX(0);}
#work-portfolio .market-sector .photo-block .block.flip:after{transform: rotateX(-180deg);}
#work-portfolio .market-sector:nth-child(2n) .photo-wrap{justify-content: flex-end; right:0px; left:auto;}

#work-portfolio .market-sector#business .photo-block .block1:before{background-image: url(../images/ourwork/business-sprite1.webp); background-position: center top 0px;}
#work-portfolio .market-sector#business .photo-block .block1:after{background-image: url(../images/ourwork/business-sprite1.webp); background-position: center top 200px;}
#work-portfolio .market-sector#business .photo-block .block2:before{background-image: url(../images/ourwork/business-sprite1.webp); background-position: center top 400px;}
#work-portfolio .market-sector#business .photo-block .block2:after{background-image: url(../images/ourwork/business-sprite1.webp); background-position: center top 600px;}
#work-portfolio .market-sector#business .photo-block .block3:before{background-image: url(../images/ourwork/business-sprite1.webp); background-position: center top 800px;}
#work-portfolio .market-sector#business .photo-block .block3:after{background-image: url(../images/ourwork/business-sprite1.webp); background-position: center top 1000px;}

#work-portfolio .market-sector#business .photo-block .block4:before{background-image: url(../images/ourwork/business-sprite2.webp); background-position: center top 0px;}
#work-portfolio .market-sector#business .photo-block .block4:after{background-image: url(../images/ourwork/business-sprite2.webp); background-position: center top 200px;}
#work-portfolio .market-sector#business .photo-block .block5:before{background-image: url(../images/ourwork/business-sprite2.webp); background-position: center top 400px;}
#work-portfolio .market-sector#business .photo-block .block5:after{background-image: url(../images/ourwork/business-sprite2.webp); background-position: center top 600px;}
#work-portfolio .market-sector#business .photo-block .block6:before{background-image: url(../images/ourwork/business-sprite2.webp); background-position: center top 800px;}
#work-portfolio .market-sector#business .photo-block .block6:after{background-image: url(../images/ourwork/business-sprite2.webp); background-position: center top 1000px;}


#work-portfolio .market-sector#individuals .photo-block .block1:before{background-image: url(../images/ourwork/individual-sprite1.webp); background-position: center top 0px;}
#work-portfolio .market-sector#individuals .photo-block .block1:after{background-image: url(../images/ourwork/individual-sprite1.webp); background-position: center top 200px;}
#work-portfolio .market-sector#individuals .photo-block .block2:before{background-image: url(../images/ourwork/individual-sprite1.webp); background-position: center top 400px;}
#work-portfolio .market-sector#individuals .photo-block .block2:after{background-image: url(../images/ourwork/individual-sprite1.webp); background-position: center top 600px;}
#work-portfolio .market-sector#individuals .photo-block .block3:before{background-image: url(../images/ourwork/individual-sprite1.webp); background-position: center top 799px;}
#work-portfolio .market-sector#individuals .photo-block .block3:after{background-image: url(../images/ourwork/individual-sprite1.webp); background-position: center top 997px;}

#work-portfolio .market-sector#individuals .photo-block .block4:before{background-image: url(../images/ourwork/individual-sprite2.webp); background-position: center top 0px;}
#work-portfolio .market-sector#individuals .photo-block .block4:after{background-image: url(../images/ourwork/individual-sprite2.webp); background-position: center top 200px;}
#work-portfolio .market-sector#individuals .photo-block .block5:before{background-image: url(../images/ourwork/individual-sprite2.webp); background-position: center top 400px;}
#work-portfolio .market-sector#individuals .photo-block .block5:after{background-image: url(../images/ourwork/individual-sprite2.webp); background-position: center top 597px;}
#work-portfolio .market-sector#individuals .photo-block .block6:before{background-image: url(../images/ourwork/individual-sprite2.webp); background-position: center top 799px;}
#work-portfolio .market-sector#individuals .photo-block .block6:after{background-image: url(../images/ourwork/individual-sprite2.webp); background-position: center top 997px;}

#work-portfolio .market-sector#education .photo-block .block1:before{background-image: url(../images/ourwork/edu-sprite1.webp); background-position: center top 0px;}
#work-portfolio .market-sector#education .photo-block .block1:after{background-image: url(../images/ourwork/edu-sprite1.webp); background-position: center top 200px;}
#work-portfolio .market-sector#education .photo-block .block2:before{background-image: url(../images/ourwork/edu-sprite1.webp); background-position: center top 399px;}
#work-portfolio .market-sector#education .photo-block .block2:after{background-image: url(../images/ourwork/edu-sprite1.webp); background-position: center top 599px;}
#work-portfolio .market-sector#education .photo-block .block3:before{background-image: url(../images/ourwork/edu-sprite1.webp); background-position: center top 799px;}
#work-portfolio .market-sector#education .photo-block .block3:after{background-image: url(../images/ourwork/edu-sprite1.webp); background-position: center top 997px;}

#work-portfolio .market-sector#education .photo-block .block4:before{background-image: url(../images/ourwork/edu-sprite2.webp); background-position: center top 0px;}
#work-portfolio .market-sector#education .photo-block .block4:after{background-image: url(../images/ourwork/edu-sprite2.webp); background-position: center top 200px;}
#work-portfolio .market-sector#education .photo-block .block5:before{background-image: url(../images/ourwork/edu-sprite2.webp); background-position: center top 400px;}
#work-portfolio .market-sector#education .photo-block .block5:after{background-image: url(../images/ourwork/edu-sprite2.webp); background-position: center top 597px;}
#work-portfolio .market-sector#education .photo-block .block6:before{background-image: url(../images/ourwork/edu-sprite2.webp); background-position: center top 799px;}
#work-portfolio .market-sector#education .photo-block .block6:after{background-image: url(../images/ourwork/edu-sprite2.webp); background-position: center top 997px;}

#work-portfolio .market-sector#government .photo-block .block5:after{background-image: url(../images/ourwork/govern-sprite1.webp); background-position: center top 0px;}
#work-portfolio .market-sector#government .photo-block .block5:before{background-image: url(../images/ourwork/govern-sprite1.webp); background-position: center top 200px;}
#work-portfolio .market-sector#government .photo-block .block2:after{background-image: url(../images/ourwork/govern-sprite1.webp); background-position: center top 399px;}
#work-portfolio .market-sector#government .photo-block .block2:before{background-image: url(../images/ourwork/govern-sprite1.webp); background-position: center top 599px;}
#work-portfolio .market-sector#government .photo-block .block4:after{background-image: url(../images/ourwork/govern-sprite1.webp); background-position: center top 799px;}
#work-portfolio .market-sector#government .photo-block .block3:after{background-image: url(../images/ourwork/govern-sprite1.webp); background-position: center top 997px;}

#work-portfolio .market-sector#government .photo-block .block4:before{background-image: url(../images/ourwork/govern-sprite2.webp); background-position: center top 0px;}
#work-portfolio .market-sector#government .photo-block .block3:before{background-image: url(../images/ourwork/govern-sprite2.webp); background-position: center top 200px;}
#work-portfolio .market-sector#government .photo-block .block1:after{background-image: url(../images/ourwork/govern-sprite2.webp); background-position: center top 400px;}
#work-portfolio .market-sector#government .photo-block .block1:before{background-image: url(../images/ourwork/govern-sprite2.webp); background-position: center top 597px;}
#work-portfolio .market-sector#government .photo-block .block6:before{background-image: url(../images/ourwork/govern-sprite2.webp); background-position: center top 799px;}
#work-portfolio .market-sector#government .photo-block .block6:after{background-image: url(../images/ourwork/govern-sprite2.webp); background-position: center top 997px;}


@media screen and (max-width:1700px){
    #work-portfolio .market-sector .spacer{width:0px;}
}

@media screen and (max-width:1024px){
    #work-portfolio .market-sector:nth-child(2n),
    #work-portfolio .market-sector{flex-direction: column;}
    #work-portfolio .market-sector .photo-block{width:100%;}
    #work-portfolio .market-sector .photo-wrap{position: relative; width:auto;height: auto; justify-content: space-around; flex-direction: row;}
    #work-portfolio .market-sector .photo-block .block{width:31%; margin:1% auto; height:auto; padding-top:18.1%;}

    #work-portfolio .market-sector#individuals .photo-block .block1:after{background-position: center top 20%;}
    #work-portfolio .market-sector#individuals .photo-block .block2:before{background-position: center top 40%;}
    #work-portfolio .market-sector#individuals .photo-block .block2:after{background-position: center top 60%;}
    #work-portfolio .market-sector#individuals .photo-block .block3:before{background-position: center top 80%;}
    #work-portfolio .market-sector#individuals .photo-block .block3:after{background-position: center top 99%;}
    #work-portfolio .market-sector#individuals .photo-block .block4:after{background-position: center top 20%;}
    #work-portfolio .market-sector#individuals .photo-block .block5:before{background-position: center top 40%;}
    #work-portfolio .market-sector#individuals .photo-block .block5:after{background-position: center top 60%;}
    #work-portfolio .market-sector#individuals .photo-block .block6:before{background-position: center top 80%;}
    #work-portfolio .market-sector#individuals .photo-block .block6:after{background-position: center top 100%;}

    #work-portfolio .market-sector#business .photo-block .block1:after{background-position: center top 20%;}
    #work-portfolio .market-sector#business .photo-block .block2:before{background-position: center top 40%;}
    #work-portfolio .market-sector#business .photo-block .block2:after{background-position: center top 60%;}
    #work-portfolio .market-sector#business .photo-block .block3:before{background-position: center top 80%;}
    #work-portfolio .market-sector#business .photo-block .block3:after{background-position: center top 100%;}
    #work-portfolio .market-sector#business .photo-block .block4:after{background-position: center top 20%;}
    #work-portfolio .market-sector#business .photo-block .block5:before{background-position: center top 40%;}
    #work-portfolio .market-sector#business .photo-block .block5:after{background-position: center top 60%;}
    #work-portfolio .market-sector#business .photo-block .block6:before{background-position: center top 80%;}
    #work-portfolio .market-sector#business .photo-block .block6:after{background-position: center top 100%;}

    #work-portfolio .market-sector#education .photo-block .block1:after{background-position: center top 20%;}
    #work-portfolio .market-sector#education .photo-block .block2:before{background-position: center top 40%;}
    #work-portfolio .market-sector#education .photo-block .block2:after{background-position: center top 60%;}
    #work-portfolio .market-sector#education .photo-block .block3:before{background-position: center top 80%;}
    #work-portfolio .market-sector#education .photo-block .block3:after{background-position: center top 100%;}
    #work-portfolio .market-sector#education .photo-block .block4:after{background-position: center top 20%;}
    #work-portfolio .market-sector#education .photo-block .block5:before{background-position: center top 40%;}
    #work-portfolio .market-sector#education .photo-block .block5:after{background-position: center top 60%;}
    #work-portfolio .market-sector#education .photo-block .block6:before{background-position: center top 80%;}
    #work-portfolio .market-sector#education .photo-block .block6:after{background-position: center top 100%;}

    #work-portfolio .market-sector#government .photo-block .block5:before{background-position: center top 100%;}
    #work-portfolio .market-sector#government .photo-block .block5:after{background-position: center top 0%;}
    #work-portfolio .market-sector#government .photo-block .block2:before{background-position: center top 60%;}
    #work-portfolio .market-sector#government .photo-block .block2:after{background-position: center top 80%;}
    #work-portfolio .market-sector#government .photo-block .block4:after{background-position: center top 40%;}
    #work-portfolio .market-sector#government .photo-block .block3:after{background-position: center top 20%;}
    #work-portfolio .market-sector#government .photo-block .block4:before{background-position: center top 0%;}
    #work-portfolio .market-sector#government .photo-block .block3:before{background-position: center top 100%;}
    #work-portfolio .market-sector#government .photo-block .block1:before{background-position: center top 60%;}
    #work-portfolio .market-sector#government .photo-block .block1:after{background-position: center top 80%;}
    #work-portfolio .market-sector#government .photo-block .block6:before{background-position: center top 40%;}
    #work-portfolio .market-sector#government .photo-block .block6:after{background-position: center top 20%;}
}

@media screen and (max-width:767px){
    #work-portfolio .market-sector .info{width:auto; padding:32px 16px;}
}

@media screen and (max-width:600px){
    #work-portfolio .market-sector .photo-block .block{display: none;}
    #work-portfolio .market-sector .photo-block .block:nth-child(1){display: block; width:auto; max-width: 100%; height: 198px;}
    #work-portfolio .market-sector .photo-wrap{display: block;}
    #work-portfolio .market-sector .photo-block .block:before{background-size: 340px auto; background-repeat: no-repeat;}
    #work-portfolio .market-sector .photo-block .block:after{background-size: 340px auto; background-repeat: no-repeat;}
}

.about.market-sector h1{margin-bottom: 8px;}
.about.market-sector h1 .line2{display: block; font-size: 24px;}
.about.market-sector h2{color:#464646; font-weight: 500; font-size: 32px;}
.about.market-sector .service-section{background-color:#ffda00; display: flex; flex-direction: row; flex-wrap: nowrap;justify-content: stretch;}
.about.market-sector .service-section .spacer{width:10%;}
.about.market-sector .service-section .content-wrap{width:700px; margin:0px; padding:16px 72px 36px 0px;}
.about.market-sector .service-section .photo-block{width:50%; background-size: cover; background-position: center;  background-color:#000;}
.about.market-sector ul.service-list{list-style: none; font-size: 0.9em; font-weight: 600; position: relative;}
.about.market-sector ul.service-list li{margin-bottom: 12px; }

.about.individuals .service-section.websites{margin-top:72px;}
.about.individuals .service-section.websites .photo-block{background-image: url(../images/market-individuals/Individual-web.webp);}
.about.individuals .service-section.graphics{flex-direction: row-reverse;}
.about.individuals .service-section.graphics .content-wrap{padding:16px 0px 36px 72px;}
.about.individuals .service-section.graphics .photo-block{background-image: url(../images/market-individuals/individual-wood-background.webp); position: relative;}
.about.individuals .service-section.graphics .photo-block:before{content:''; display: block;right:0px; width:1010px; top:-72px; bottom:-72px; position:absolute; background-size:contain; background-repeat:no-repeat; background-image:url(../images/market-individuals/Individuals-Graphics1.webp); background-position:right center;}

.about.individuals .website-packages.content-wrap{display: flex; flex-direction: row;}
.about.individuals .website-packages .text-wrap{margin:0px; width:50%; padding-top:48px;}
.about.individuals .website-packages .blocks{width:600px;}
.about.individuals .website-packages .blocks .block{width:49%;}
.about.individuals #promotional-materials{align-items: center;}
.about.individuals #promotional-materials ul{list-style: none; transform: translateY(-1.5em); font-weight: 600;}
.about.individuals .top-content .text-wrap{padding-bottom: 72px; padding-right: 24px;}
.about.individuals .top-content .text-wrap:after{content:''; display: block; width:250px; position: absolute; top:0px; bottom:0px; left:100%; background-size: contain; background-image: url(../images/market-individuals/Individuals---Sitting.webp); background-repeat: no-repeat;}

@media screen and (max-width:1570px) {
    .about.individuals .top-content .text-wrap{margin-right: 250px; width:auto;}
}

@media  screen and (max-width:1500px) {
    .about.market-sector .service-section .spacer{display: none;}
    .about.individuals .service-section.websites .content-wrap{padding-left: 32px; width:50%;}
    .about.individuals .service-section.graphics .content-wrap{padding-right: 32px; width:50%;}
}

@media screen and (max-width:1200px){
    .about.individuals .service-section.graphics .photo-block:before{width:auto; left:0px; right:-32px;}
    .about.individuals .service-section.graphics .content-wrap{padding-left: 32px;}
    .about.individuals .service-section.websites .content-wrap{padding-right: 32px;}
}

@media screen and  (max-width:1130px){
    .about.individuals h1{margin-right:-250px;}
    .about.individuals .top-content .text-wrap:after{top:72px;}
    .about.individuals .service-section .photo-block{background-position: center left -75px;}
}
@media screen and (max-width:1024px){
    .about.market-sector h2{font-size: 20px;}
}

@media screen and (max-width:830px){
    .about.individuals .service-section.websites{margin-top:16px;}
    .about.individuals .service-section.graphics{flex-direction: column-reverse;}
    .about.individuals .service-section.graphics .content-wrap{width:auto;}
    .about.individuals .service-section.graphics .photo-block{width:auto; padding-top:30%;}
    .about.individuals .service-section.graphics .photo-block:before{left:0px; right:0px; background-position: left bottom; bottom:-56px; top:-200px;}
    .about.individuals #promotional-materials ul{transform: none; margin:16px;}
}
@media screen and (max-width:767px){
    .about.individuals h1 .line2{margin-top:16px; margin-left: -85px; margin-right: -55px;}
}
@media screen and (max-width:700px){
    .about.individuals .top-content .text-wrap{margin-right: 140px;}
    .about.individuals .top-content .text-wrap:after{top:109px; width:168px;}
    .about.individuals h1{margin-right: -140px;}
}

@media screen and (max-width:500px){
    .about.individuals .top-content .text-wrap:after{display: none;}
    .about.individuals .top-content .text-wrap{margin-right: auto; padding-bottom: 0px;}
    .about.individuals h1{margin-right: 0px;}
    .about.individuals .service-section.websites{flex-direction: column;}
    .about.individuals .service-section.websites .content-wrap{width:auto; padding:0px 16px;}
    .about.individuals .service-section.websites .photo-block{width:auto; padding-top:78%; background-size: cover; background-position: center;}
    .about.individuals .website-packages.content-wrap{flex-direction: column;}
    .about.individuals .website-packages .text-wrap{width:auto}
    .about.individuals .website-packages .blocks{width:auto; flex-direction: column;}
    .about.individuals .website-packages .blocks .block{width:auto; margin-bottom: 1%;}
    .about.individuals .service-section.graphics .photo-block{padding-top: 62%;}
    .about.individuals .service-section.graphics .photo-block:before{top:-80px;}
    .about.individuals .service-section.graphics h3{text-align: center;}
    .about.individuals #promotional-materials{flex-direction: column;}
    .about.individuals #promotional-materials ul{text-align: center; padding-left: 0px; margin-top:0px;}
}
.about.businesses .top-content{max-width: 1024px;}
.about.businesses .top-content .text-wrap{padding-bottom: 72px; padding-right: 24px;  max-width:800px; margin-left: 0px;}
.about.businesses .top-content .text-wrap:after{content:''; display: block; width:250px; position: absolute; top:-20px; bottom:-40px; left:100%; background-size: contain; background-image: url(../images/market-individuals/business-standing.webp); background-repeat: no-repeat;}
.about.businesses .service-section{margin-top: 72px;}
.about.businesses .service-section.websites{flex-direction: row-reverse;}
.about.businesses .service-section.websites .photo-block{width:40%; background-image: url(../images/market-businesses/iStock-1067355146.webp); background-position: center left;}
.about.businesses .service-section.websites .content-wrap{width:1024px; padding:16px 0px 36px 72px;}
.about.businesses .service-section.branding {}
.about.businesses .service-section.branding .photo-block{width:70%; color:#fff; text-shadow: rgba(0, 0, 0, 0.349) 0px 0px 8px; display: flex; align-items: center; background-image: url(../images/market-businesses/BusinessGraphicsMockup.webp); background-size: 68% auto; background-position:left 180px center; background-repeat: no-repeat; position: relative;}
.about.businesses .service-section.branding .photo-block:before{content:''; display: block; position: absolute; top:-72px; bottom:-112px; right:-80px; width:380px; background-size: contain; background-repeat: no-repeat; background-position: bottom right; background-image: url(../images/market-businesses/CalsporinBanner.webp);}
.about.businesses .service-section.support{flex-direction: row-reverse;}
.about.businesses .service-section.support .content-wrap{padding:16px 0px 36px 72px;}
.about.businesses .service-section.support .photo-block{background-image: url(../images/market-businesses/shutterstock_669170680.webp);}

@media screen and (max-width:1500px) {
    .about.businesses .service-section.websites .content-wrap{padding-right: 32px; padding-left:32px; width:800px}
    .about.businesses .service-section.branding .content-wrap{padding-right: 32px; padding-left:32px;}
    .about.businesses .service-section.support .content-wrap{padding-right: 32px; padding-left:32px;}
    .about.businesses .service-section.websites .photo-block{width:50%;}
    .about.businesses .service-section.branding .photo-block:before{width:300px; right:-20px}
    .about.businesses .service-section.branding .photo-block{background-position: left 180px top;}
}

@media screen and (max-width:1024px){
    .about.businesses .top-content .text-wrap{max-width:1024px; padding-right: 150px;}
    .about.businesses .top-content .text-wrap:after{left:auto; right:0px; background-position: center right;}
}


@media  screen and (max-width:1024px) {
    
    .about.market-sector.businesses ul.service-list{columns: 2;}
    .about.businesses .service-section.branding{flex-direction: column; }
    .about.businesses .service-section.branding .content-wrap{width:auto;}
    .about.businesses .service-section.branding .photo-block{width:auto; padding-bottom: 63%; padding-right: 300px; padding-top: 48px; background-position: left bottom;}
    .about.businesses .service-section.branding .photo-block:before{bottom:-72px}
    .about.businesses .service-section.support .content-wrap{width:50%; padding-top:48px;}
    .about.businesses .service-section.support{margin-top:0px;}
}

@media screen and (max-width:1000px){
    .about.businesses .service-section.branding{margin-top:0px}
    .about.businesses .service-section.websites{flex-direction: column;}
    .about.businesses .service-section.websites .content-wrap{width:auto;}
    .about.businesses .service-section.websites .photo-block{width:auto; padding-top:50%; background-position: center top;}
}
@media screen and (max-width:767px){
    .about.businesses h1 .line2{margin-top:16px; margin-left: -85px; margin-right: -55px;}
}
@media screen and (max-width:700px){
    .about.businesses .top-content .text-wrap{padding-right: 0px; padding-bottom: 0px;}
    .about.businesses .top-content .text-wrap:after{display: none;}
}
@media screen and (max-width:600px){
    
    .about.businesses .service-section.websites .content-wrap{padding-left:16px; padding-right: 16px;}
    .about.businesses .service-section.branding .content-wrap{padding-left:16px; padding-right: 16px;}
    .about.businesses .service-section.support .content-wrap{padding-left:16px; padding-right: 16px;}
}

@media screen and (max-width:500px){
    .about.market-sector.businesses ul.service-list{padding-left:0px; columns: 1;}
    .about.market-sector.businesses .service-section.branding ul.service-list{padding-left: 16px; padding-right: 16px; columns: 2;}
    .about.market-sector.businesses .service-section.branding .photo-block{padding-right: 0px; padding-top:24px; background-position: center bottom;}
    .about.businesses .service-section.branding .photo-block:before{display: none;}
    .about.businesses .service-section.support{flex-direction: column;}
    .about.businesses .service-section.support .content-wrap{width:auto;}
    .about.market-sector .service-section .photo-block{width:auto; padding-top: 50%;}
}
.myartworkportfolio #section1 h1.page-title{margin-bottom: 24px;}
.myartworkportfolio #section1{background:linear-gradient(rgba(221, 221, 221, 0)  0%, rgba(221, 221, 221, 0.932) 100%); border-bottom: 1px solid #999; padding-bottom: 48px;}
.myartworkportfolio #section1 .content-wrap{padding-right: 760px;}
.myartworkportfolio #section1 .text-wrap{margin-left: 0px; }
.myartworkportfolio #section1 .text-wrap:before{content:''; display: block; width:350px; height:469px; background-image: url(../images/myartworkportfolio/screenshot-artworks-tablet.webp); background-size: contain; background-repeat: no-repeat;  position: absolute; top:70px; left:100%; margin-left: 16px; box-shadow: rgba(0,0,0,0.5) -2px 2px 8px;}
.myartworkportfolio #section1 .special-deal{position: absolute; top:-40px; right:-40px; width:460px; border:18px solid #fbb042; background-color:#fff; padding:48px 36px; box-shadow: rgba(0,0,0,0.5) -2px 2px 8px; transform: rotate(10deg); z-index: 9;}
.myartworkportfolio #section1 .special-deal h3{text-align: center;  margin-top:0px; text-transform: uppercase;}
.myartworkportfolio #section1 .special-deal h3 strong{font-size: 2em; font-weight: 900; color:#00a59c; display: block; margin-top:12px; line-height: 1em;}
.myartworkportfolio .what-is h2{font-weight: 300; font-style: italic; width:100%; order:1; font-size: 27px;}
.myartworkportfolio .what-is{padding-bottom: 48px; padding-top:48px;}
.myartworkportfolio .what-is .video-wrap{width:460px; height: 300px; order:3; opacity: 0; transition: opacity 0.3s;}
.myartworkportfolio.on .what-is .video-wrap{opacity: 1;}
.myartworkportfolio .what-is .video-wrap video{width:100%;}
/*.myartworkportfolio .what-is .content-wrap{display: flex; flex-direction: row; align-items: flex-start; flex-wrap: wrap;}*/
.myartworkportfolio .what-is .text-wrap{width:calc(100% - 460px); margin:0px; order:2; padding-right: 36px; padding-left: 48px;}
.myartworkportfolio .what-is .text-wrap:before{content:'';display: block; width:450px; height: 1200px; position: absolute; left:100%; top:0px; background-image: url(../images/myartworkportfolio/screenshot-comp\ copy.webp); background-size: contain; background-repeat: no-repeat;}
.myartworkportfolio .what-is .text-wrap{padding-left: 48px;}
.myartworkportfolio .what-is .spacer{width:0px;}
.myartworkportfolio .what-is.scroll-on .spacer{width:460px;}
.myartworkportfolio .what-is.scroll-on .video-wrap{position: fixed; top:10%; left:50%; transform: translate(240px, 74px); }
.myartworkportfolio.on .what-is.scroll-off .video-wrap{opacity: 0; transform: translate(210px, -500px); transition: all 0.3s ease-in-out;}

.myartworkportfolio #what-is-list{ list-style: none;}
.myartworkportfolio #what-is-list > li{position: relative;}
.myartworkportfolio #what-is-list > li:before{ content:''; position:absolute; top:-30px; right:100%; display: block;  width:85px; height: 85px; background-size: 100% auto; background-image: url(../images/myartworkportfolio/icons.webp); background-repeat: no-repeat;}
.myartworkportfolio #what-is-list > li:nth-child(1):before{background-position: center top;}
.myartworkportfolio #what-is-list > li:nth-child(2):before{background-position: center top -85px;}
.myartworkportfolio #what-is-list > li:nth-child(3):before{background-position: center top -170px;}
.myartworkportfolio #what-is-list > li:nth-child(4):before{background-position: center top -255px;}
.myartworkportfolio #what-is-list > li:nth-child(5):before{background-position: center top -340px;}
.myartworkportfolio #what-is-list h5{color:#464646; }
.myartworkportfolio #what-is-list h5 strong{font-weight: 900; font-size: 1.2em;}
.myartworkportfolio #what-is-list p{color:#464646; font-weight: 300; font-size:18px;}
.myartworkportfolio #what-is-list ol{color:#464646; font-weight: 500; font-size: 16px; list-style-type:lower-alpha;}
.myartworkportfolio #what-is-list ol li{margin-bottom: 0px; padding-left: 6px; line-height: 1.3em;}

.myartworkportfolio .personal-support{background-color:#fbb042; padding:78px 0px; font-size: 24px;}

.myartworkportfolio .packages{justify-content: center; align-items: flex-start; padding-top:78px}
.myartworkportfolio .package.foundation{width:550px; border-radius: 8px; border:12px solid #00a59c;}
.myartworkportfolio .package.addons{ width:450px; margin:0px 50px 50px; border-radius: 8px; border:4px solid #fbb042}

.myartworkportfolio .package .prices{display: flex; flex-direction: row; flex-wrap: nowrap; font-weight: 600; font-size: 27px; border-radius: 4px; overflow: hidden;}
.myartworkportfolio .package .prices .monthly{width:50%; padding:20px; text-align: center; color:#00a59c; background-color:#efefef;}
.myartworkportfolio .package .prices .annually{width:50%; padding:20px; color:#fff; background-color:#00a59c}
.myartworkportfolio .package .prices .terms{display: block; font-size: 16px;}
.myartworkportfolio .free-button{border:4px solid #fbb042; padding:16px 24px; display: inline-block; text-align: center; border-radius: 4px; box-shadow: rgba(0,0,0,0.5) 1px -2px 8px; margin:16px auto; font-size: 20px; font-weight: 600;  background-color:#fff; cursor:pointer}
.myartworkportfolio .package .free-button{transform: rotate(-10deg);}
.myartworkportfolio #package_target{transform: translateY(-150px);}

.MAP{display: inline-block; overflow: hidden; background-image: url(../images/myartworkportfolio/MAP-logo.svg); background-size: contain; background-repeat: no-repeat; text-indent: 100%; width:9em; height:1.5em; white-space: nowrap; margin-left: 4px;  margin-bottom: 4px;}
.MAP.for-orange{background-image: url(../images/myartworkportfolio/MAP-logo-for-orange.svg);}

.side-menu .MAP{margin-top:-3px; margin-bottom: -3px;}

.myartworkportfolio #Popup .contact-form .formbody h3{font-size: 36px;}

@media screen and (max-width:1528px){
    .myartworkportfolio .what-is.scroll-on .video-wrap{left:auto; right:64px; transform: translate(0px, 74px);}
}

@media screen and (max-width:1325px){
    .myartworkportfolio #section1 .special-deal{top:-20px; z-index: 1;}
    .myartworkportfolio .personal-support {font-size: 20px;}

}
@media screen and (max-width:1279px) {
    .myartworkportfolio #section1 .special-deal{width:400px; max-width: 100%; padding:28px 22px}
    .myartworkportfolio #section1 .content-wrap{padding-right: 680px;}
}

@media screen and (max-width:1224px){
    /*.myartworkportfolio .what-is .content-wrap{margin:0px 24px;}*/
    .myartworkportfolio .what-is.scroll-on .video-wrap{right:24px;}
    .myartworkportfolio .package.addons{margin:0px 0px 24px 24px;}

    .myartworkportfolio .what-is .text-wrap:before{display: none;}
    .myartworkportfolio #what-is-list > li:nth-child(1):after{content:''; display: block; width:450px; height: 350px; position: absolute; left:100%; top:0px; background-image: url(../images/myartworkportfolio/screenshot-comp1.webp); background-size: contain; background-repeat: no-repeat; margin-left: 36px;}
    .myartworkportfolio #what-is-list > li:nth-child(2):after{content:''; display: block; width:450px; height: 350px; position: absolute; left:100%; top:48px; background-image: url(../images/myartworkportfolio/screenshot-comp2.webp); background-size: contain; background-repeat: no-repeat;margin-left: 36px;}
    .myartworkportfolio #what-is-list > li:nth-child(3):after{content:''; display: block; width:450px; height: 350px; position: absolute; left:100%; top:96px; background-image: url(../images/myartworkportfolio/screenshot-comp3.webp); background-size: contain; background-repeat: no-repeat;margin-left: 36px;}
    .myartworkportfolio #what-is-list > li:nth-child(4):after{content:''; display: block; width:450px; height: 350px; position: absolute; left:100%; top:138px; background-image: url(../images/myartworkportfolio/screenshot-comp4.webp); background-size: contain; background-repeat: no-repeat;margin-left: 36px;}
}

@media screen and (max-width:1023px){
    .myartworkportfolio #section1 .content-wrap{padding-right: 370px;}
    .myartworkportfolio #section1 .text-wrap:before{width:220px; height: 297px; top:-30px;}
    .myartworkportfolio #section1 .special-deal{width:350px; padding:20px 14px;   font-size: 16px; right:0px; top:201px;    border-width: 8px;}
    .myartworkportfolio #section1 .special-deal h3 strong{font-size: 1.5em; margin-top:8px}
    .myartworkportfolio .free-button{font-size: 16px; padding:12px 16px; margin:4px auto;}
    .myartworkportfolio .package.foundation{width:50%;}
    .myartworkportfolio .package.addons{width:auto;}

    

}

@media screen and (max-width:900px){
    .myartworkportfolio .packages{flex-direction: column-reverse;}
    .myartworkportfolio .package.foundation{width:auto;}
    .myartworkportfolio .package.addons{margin:0px 0px 24px 0px;}
    .myartworkportfolio .what-is .content-wrap{display: block;}
    .myartworkportfolio .what-is .video-wrap{order:2; position: relative; height: auto; padding-top: 300px; margin:0px auto;}
    .myartworkportfolio .what-is.scroll-on .video-wrap{position: relative; top:0px; right:auto; transform: none; }
    .myartworkportfolio .what-is .video-wrap video{position: absolute; top:0px; left:0px;}
    .myartworkportfolio .what-is .text-wrap{ width:auto;}
    .myartworkportfolio .what-is.scroll-on .spacer{width:0px;}
    .myartworkportfolio #package_target{order:3}
    .myartworkportfolio #what-is-list > li{padding-bottom: 230px;}
    .myartworkportfolio #what-is-list > li:nth-child(5){padding-bottom: 0px;}
    .myartworkportfolio #what-is-list > li:nth-child(1):after{left:0px; right:0px; top:auto; bottom:-30px; margin-left:auto; margin-right: auto; max-width: 100%; width:300px; height: 248px;}
    .myartworkportfolio #what-is-list > li:nth-child(2):after{left:0px; right:0px; top:auto; bottom:-30px; margin-left:auto; margin-right: auto; max-width: 100%; width:300px; height: 248px;}
    .myartworkportfolio #what-is-list > li:nth-child(3):after{left:0px; right:0px; top:auto; bottom:-30px; margin-left:auto; margin-right: auto; max-width: 100%; width:300px; height: 248px;}
    .myartworkportfolio #what-is-list > li:nth-child(4):after{left:0px; right:0px; top:auto; bottom:-30px; margin-left:auto; margin-right: auto; max-width: 100%; width:300px; height: 248px;}
}

@media screen and (max-width:767px){
    .myartworkportfolio #section1 .text-wrap:before{display: none;}
    .myartworkportfolio #section1 .content-wrap{padding-right: 0px;}
    .myartworkportfolio #section1 .special-deal{position: relative; top:22px;}
    .myartworkportfolio .what-is .text-wrap{padding-left: 0px; padding-right: 0px; }
    .myartworkportfolio #what-is-list{padding-left: 0px;}
    .myartworkportfolio #what-is-list > li{padding-left: 0px; padding-top:85px;}
    .myartworkportfolio #what-is-list > li:before{top:0px; left:0px; right:0px; margin:auto;}
    .myartworkportfolio #what-is-list h5{text-align: center;}
    .myartworkportfolio .what-is{padding-top:24px; padding-bottom: 24px;}
    .myartworkportfolio .what-is .content-wrap{margin:0px 16px;}
    .myartworkportfolio .personal-support{font-size: 18px; padding:36px 0px;}
    .myartworkportfolio .packages{padding-top:48px;}

    .myartworkportfolio.interior h1.page-title{padding-right: 0px; margin-bottom: 2px;}
    .myartworkportfolio #section1 .text-wrap{padding-top:78px;}
}

@media screen and (max-width:500px){
    .myartworkportfolio .what-is .video-wrap{width:100%; padding-top:66%;}
    .myartworkportfolio #package_target{transform: translateY(660px);}
    .myartworkportfolio .package .prices{display: block;}
    .myartworkportfolio .package .prices .monthly{width:auto;}
    .myartworkportfolio .package .prices .annually{width:auto;}
    .myartworkportfolio .package.foundation{padding:24px 18px;}
    .myartworkportfolio .package ul{padding-left: 1em;}
    .myartworkportfolio #Popup .contact-form .formbody h3{font-size: 22px;}
}