.margin_bottom--small{margin-bottom:2rem}.margin_bottom--medium{margin-bottom:4rem}.margin_bottom--large{margin-bottom:6rem}.margin_bottom--xlarge{margin-bottom:8rem}h1{font-size:2.5rem;text-transform:uppercase;font-weight:600;color:#161711;z-index:1;letter-spacing:4px}h2{font-size:2.5rem;text-transform:uppercase;font-weight:600;color:#161711;z-index:1;letter-spacing:4px}h3{font-size:2.5rem;text-transform:uppercase;font-weight:600;color:#161711;z-index:1;letter-spacing:4px}.container{max-width:1150px;margin:0 auto}@media only screen and (max-width:960px){.container{width:100%}}header{display:flex;padding:15px;justify-content:space-between}header .logo{color:#fff;font-size:1.25rem;font-weight:600;text-transform:uppercase;display:flex}header .logo .name{color:#fff;background:#f15c24;padding:15px 20px;text-decoration:none}header .header-menu{font-size:1rem;text-transform:uppercase;text-decoration:none;display:flex;justify-content:center;align-items:center}header .header-menu a{color:#000;font-size:1rem;padding-left:10px;text-transform:uppercase;text-decoration:none}header .header-menu a:hover{color:rgba(255,200,100,.8);font-weight:700;transition:all 0.1s ease-in-out}header .menu-btn{color:rgb(255,200,100);cursor:pointer;display:flex;font-weight:700;justify-content:center;align-items:center;padding:15px;font-size:1.5rem;display:none}.mobile-menu{background:#fff;display:none;flex-direction:column;padding:40px 0;position:absolute;top:-1em;height:70vh;width:95%;z-index:10;transition:all 0.4s ease-in;transform:translateX(-100%);-webkit-box-shadow:2px 0 78px -15px rgba(0,0,0,.75);-moz-box-shadow:2px 0 78px -15px rgba(0,0,0,.75);box-shadow:2px 0 78px -15px rgba(0,0,0,.75)}.mobile-menu.active{transform:translateX(0)}.mobile-menu a{color:#000;padding:15px;text-decoration:none}@media only screen and (max-width:767px){header .header-menu{display:none}header .menu-btn{display:flex}header .logo{font-size:1.25rem}.mobile-menu{display:flex}}#top{padding:0 15px 80px 15px}#top .title{position:relative;width:auto;display:flex;justify-content:center;align-items:center;margin:0 auto}#top .title h1{position:relative;font-size:2.5rem;text-transform:uppercase;font-weight:600;color:#161711;z-index:1;letter-spacing:4px}#top .info-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:300px;grid-gap:40px}#top .info-container .info{padding:15px;position:relative;align-self:center}#top .info-container .info .p{color:#b3b3b3;position:relative;margin-bottom:4rem;text-transform:capitalize;z-index:1}#top .info-container .info a{border-bottom:1.5px solid #161711;color:#161711;font-weight:600;letter-spacing:2px;margin-bottom:5px;position:relative;text-decoration:none;z-index:1}#top .info-container .info h2{color:#f15c24;font-size:1.5rem;font-weight:600;margin-top:1rem;opacity:.8;padding-top:1rem;position:relative;text-transform:uppercase;z-index:100}.info-container .info h2 span{-webkit-box-decoration-break:clone;box-decoration-break:clone}#top .info-container .img .background-img{background:url(https://res.cloudinary.com/artteryxx/image/upload/v1549765409/Patrick%20Cook/profile_pic_lh_1.jpg);background-position:top left;background-repeat:no-repeat;background-size:cover;height:300px;max-width:500px;width:100%;z-index:1}@media only screen and (max-width:960px){#top{padding:10px 15px 80px 15px}}@media only screen and (max-width:767px){#top .info-container{padding:2vh 0 2vh;display:flex;flex-direction:column-reverse;align-items:center}.title h1{padding-left:15px}.margin_bottom--large{margin-bottom:1rem}#top .info-container .img .background-img{height:15rem;width:15rem;background:url(https://res.cloudinary.com/artteryxx/image/upload/v1549765409/Patrick%20Cook/profile_pic_small.jpg);background-position:center;border-radius:50%;background-size:cover;margin-bottom:1.5rem}}#services{margin-top:1rem;padding:80px 15px;background:#f9fafc}#services .title{align-items:center;display:flex;width:200px;height:200px;justify-content:center;margin:0 auto;position:relative}#services .title .circle{background:#91d5fa;border-radius:50%;width:150px;height:150px;letter-spacing:4px;position:absolute;top:23px;opacity:.3}#services .title h1{color:#161711;font-size:2.5rem;font-weight:600;letter-spacing:4px;position:relative;text-transform:uppercase;z-index:1}#services .services-container{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:40px}#services .services-container .box{background:rgba(255,255,255,0);cursor:pointer;padding:40px;transition:all 0.4s ease-in-out}#services .services-container .box:hover{background:rgba(255,255,255,1);-webkit-box-shadow:0 30px 74px 24px rgba(0,0,0,.08);-moz-box-shadow:0 30px 74px 24px rgba(0,0,0,.08);box-shadow:0 30px 74px 24px rgba(0,0,0,.08)}#services .services-container .box .far{font-size:2rem;font-weight:500;margin-bottom:2rem}#services .services-container .box h5{font-size:1rem;font-weight:600;letter-spacing:2px;margin-bottom:2rem;text-transform:uppercase}#services .services-container .box p{color:#919191;line-height:1.5;font-size:.9rem;margin-bottom:2rem}#services .services-container .box.green{border-bottom:2px solid rgb(42,88,42)}#services .services-container .box.yellow{border-bottom:2px solid #ffc853}#services .services-container .box.red{border-bottom:2px solid #ff5253}@media only screen and (max-width:960px){#services .services-container{grid-template-columns:100%}#services .services-container .box{background:rgba(255,255,255,1);-webkit-box-shadow:0 30px 74px 24px rgba(0,0,0,.08);-moz-box-shadow:0 30px 74px 24px rgba(0,0,0,.08);box-shadow:0 30px 74px 24px rgba(0,0,0,.08)}}#portfolio{padding:80px 15px}#portfolio .title{position:relative;width:200px;height:200px;display:flex;justify-content:center;align-items:center;margin:0 auto}#portfolio .title .square{background:#ffeded;width:150px;height:150px;position:absolute;top:23px}#portfolio .title h1{position:relative;font-size:2.5rem;text-transform:uppercase;font-weight:600;color:#161711;z-index:1;letter-spacing:4px}#portfolio .clear{padding:unset}#portfolio .portfolio-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:150px 150px 150px 150px 150px 150px 150px 150px 150px 150px;grid-gap:10px}#portfolio .portfolio-container .box{background:#000;display:block;transition:all .4s ease-in-out;cursor:pointer;width:100%;color:#fff;text-decoration:none;text-transform:uppercase;overflow:hidden}#portfolio .portfolio-container .box:hover{background:rgba(255,255,255,1);-webkit-box-shadow:0 40px 74px 24px rgba(0,0,0,.08);-moz-box-shadow:0 40px 74px 24px rgba(0,0,0,.08);box-shadow:0 40px 74px 24px rgba(0,0,0,.08)}#portfolio .portfolio-container .box .image .hover-bg{background:rgba(255,255,255,0);transition:all .4s ease-in-out;height:100%;width:100%}#portfolio .portfolio-container .box:hover .image .hover-bg{background:rgba(255,200,100,.6)}#portfolio .portfolio-container .box .image .hover-bg .title{height:100%;width:100%}#portfolio .portfolio-container .box .image .hover-bg .title .text{background:black;border-radius:5px;transform:translate(100%);transition:all .5s ease-in-out;opacity:0}#portfolio .portfolio-container .box:hover .image .hover-bg .title .text{background:black;border-radius:5px;padding:10px 20px;transform:translateY(0);opacity:1}#portfolio .portfolio-container .box.image1{grid-column:1 / 2;grid-row:1 / 3}#portfolio .portfolio-container .box.image1 .image{background:url(https://res.cloudinary.com/artteryxx/image/upload/v1549765409/Patrick%20Cook/Screen_Shot_Local.jpg);height:100%;width:100%;background-size:cover;background-position:center;background-repeat:no-repeat}#portfolio .portfolio-container .box.image2{grid-column:2 / 3;grid-row:1 / 3}#portfolio .portfolio-container .box.image2 .image{background:url(https://res.cloudinary.com/artteryxx/image/upload/v1549765409/Patrick%20Cook/Screen_Shot_Climb.jpg);height:100%;width:100%;background-size:cover;background-position:center center;background-repeat:no-repeat}#portfolio .portfolio-container .box.image3{grid-column:1 / 2;grid-row:3 / 5}#portfolio .portfolio-container .box.image3 .image{background:url(https://res.cloudinary.com/artteryxx/image/upload/v1549765409/Patrick%20Cook/Screen_Shot_OntGo.jpg);height:100%;width:100%;background-size:cover;background-position:center center;background-repeat:no-repeat}#portfolio .portfolio-container .box.image4{grid-column:2 / 3;grid-row:3 / 5}#portfolio .portfolio-container .box.image4 .image{background:url(https://res.cloudinary.com/artteryxx/image/upload/v1549765409/Patrick%20Cook/Screen_Shot_Arrogant.jpg);height:100%;width:100%;background-size:cover;background-position:center center;background-repeat:no-repeat}#portfolio .portfolio-container .box.image5{grid-column:1 / 2;grid-row:5 / 7}#portfolio .portfolio-container .box.image5 .image{background:url(https://res.cloudinary.com/artteryxx/image/upload/v1552377235/lwt.jpg);height:100%;width:100%;background-size:cover;background-position:center center;background-repeat:no-repeat}#portfolio .portfolio-container .box.image6{grid-column:2 / 3;grid-row:5 / 7}#portfolio .portfolio-container .box.image6 .image{background:url(https://res.cloudinary.com/artteryxx/image/upload/v1549765409/Patrick%20Cook/Screen_Shot_Smithsonian.jpg);height:100%;width:100%;background-size:cover;background-position:center center;background-repeat:no-repeat}#portfolio .portfolio-container .box.image7{grid-column:1 / 2;grid-row:7 / 9}#portfolio .portfolio-container .box.image7 .image{background:url(https://www.artteryxx.dev/static/03-1c7a67571c12f5af729dfa38d31364b3.jpg);height:100%;width:100%;background-size:cover;background-position:center center;background-repeat:no-repeat}#portfolio .portfolio-container .box.image8{grid-column:2 / 3;grid-row:7 / 9}#portfolio .portfolio-container .box.image8 .image{background:url(https://res.cloudinary.com/artteryxx/image/upload/v1581791305/Patrick%20Cook/landPage.jpg);height:100%;width:100%;background-size:cover;background-position:center center;background-repeat:no-repeat}#portfolio .portfolio-container .box.image9{grid-column:1 / 2;grid-row:9 / 11}#portfolio .portfolio-container .box.image9 .image{background:url(https://res.cloudinary.com/artteryxx/image/upload/v1581755930/Patrick%20Cook/whoCanItBe.jpg);height:100%;width:100%;background-size:cover;background-position:center center;background-repeat:no-repeat}#portfolio .portfolio-container .box.image10{grid-column:2 / 3;grid-row:9 / 11}#portfolio .portfolio-container .box.image10 .image{background:url(https://res.cloudinary.com/artteryxx/image/upload/v1581757606/Patrick%20Cook/solsburyRoad.jpg);height:100%;width:100%;background-size:cover;background-position:center center;background-repeat:no-repeat}@media only screen and (max-width:767px){#portfolio .portfolio-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:150px 150px 150px 150px 150px 150px 150px 150px 150px 150px;grid-gap:10px}#portfolio .portfolio-container .box.image1{grid-column:1 / 4;grid-row:1 / 2}#portfolio .portfolio-container .box.image2{grid-column:1 / 4;grid-row:2 / 3}#portfolio .portfolio-container .box.image3{grid-column:1 / 4;grid-row:3 / 4}#portfolio .portfolio-container .box.image4{grid-column:1 / 4;grid-row:4 / 5}#portfolio .portfolio-container .box.image5{grid-column:1 / 4;grid-row:5 / 6}#portfolio .portfolio-container .box.image6{grid-column:1 / 4;grid-row:6 / 7}#portfolio .portfolio-container .box.image7{grid-column:1 / 4;grid-row:7 / 8}#portfolio .portfolio-container .box.image8{grid-column:1 / 4;grid-row:8 / 9}#portfolio .portfolio-container .box.image9{grid-column:1 / 4;grid-row:9 / 10}#portfolio .portfolio-container .box.image10{grid-column:1 / 4;grid-row:10 / 11}}footer{padding:85px 15px;background:#f9fafc}footer .social-container{display:grid;grid-template-columns:1fr 1fr 1fr;justify-items:center;align-items:center;max-width:40vw;margin:0 auto}footer .social-container a{font-size:3rem;color:#919191;text-decoration:none;transition:all 0.2s ease-in;display:inline-block;padding:10px}footer .social-container a:hover{color:rgba(255,200,100,.8)}footer .footer-menu{text-decoration:none}footer .footer-menu a{color:#000;font-size:1rem;text-decoration:none}footer .footer-menu a:hover{color:rgba(255,200,100,.8);transition:all 0.1s ease-in-out}footer h5{font-size:1rem;color:#000;margin:20px 0;text-transform:uppercase;text-align:center}footer h6{font-size:.7rem;color:#000;text-transform:capitalize;text-align:center}@media only screen and (max-width:767px){footer .social-container{max-width:100vw}}