*{font-size:16px;line-height:1.5}body{font-family:'Comic Sans MS';border-top:20px solid #fff200;border-bottom:20px solid #00a651;min-height:100vh}a{text-decoration:none}#landing{background-color:#00acf0;background-image:url(/wp-content/themes/myjo/images/header-bg.png);background-repeat:no-repeat;background-position:top center;background-size:contain;min-height:80vh;position:relative}#landing header .socials{position:relative}#landing header .socials a{position:absolute;text-indent:-9999px;top:0;left:0;display:block}#landing header .socials a.fb{width:20px;height:30px}#landing header .socials a.ig{left:19px;width:25px;height:30px}#landing header .socials a.yt{left:45px;width:25px;height:30px}#landing nav{text-align:center;position:relative;z-index:0;margin-top:30px}#landing nav ul{padding:0}#landing nav li{list-style-type:none;display:inline-block;margin:0 3px;-webkit-transform:translateY(4px);transform:translateY(4px);-webkit-transition:-webkit-transform 0.2s ease-in-out;transition:-webkit-transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out}#landing nav li a{display:block;padding:12px 15px 40px 15px;color:white;border-radius:6px;text-shadow:1px 1px 2px black;font-size:22px}#landing nav li:nth-child(1) a{border:3px solid #e90101;background-color:#f51a1f}#landing nav li:nth-child(2) a{border:3px solid #3f9500;background-color:#99ce00}#landing nav li:nth-child(3) a{border:3px solid #ffae00;background-color:#ffda12}#landing nav li:nth-child(4) a{border:3px solid #e3051f;background-color:#ef1850}#landing nav li:nth-child(5) a{border:3px solid #f42f01;background-color:#fa881c}#landing nav li:nth-child(6) a{border:3px solid #004c83;background-color:#00a2c4}#landing nav li:hover{-webkit-transform:translateY(0);transform:translateY(0)}#landing nav li.active,#landing nav li.current-menu-item{-webkit-transform:translateY(0);transform:translateY(0)}#landing ._banner{position:relative;z-index:10;pointer-events:none;-webkit-transform:translateY(-80px);transform:translateY(-80px)}#landing #content{position:relative;z-index:10;-webkit-transform:translateY(-50px);transform:translateY(-50px)}#landing #content ._box{padding:3rem 6rem;background-color:white;border-radius:12px;-webkit-box-shadow:0 0 20px rgba(0,0,0,0.15);box-shadow:0 0 20px rgba(0,0,0,0.15)}#landing #content ._box ._meta{margin-bottom:10px;opacity:.5}#landing #content ._box ._postmeta ._tags{margin-top:15px}#landing::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:30%;background-color:#fff200;display:block;z-index:0}@media only screen and (max-width: 767px){#landing header .logo{text-align:center}#landing nav li{margin:3px;float:left;width:calc(33.3333333% - 6px);-webkit-transform:translateY(0px);transform:translateY(0px)}#landing nav li a{padding:6px 8px;font-size:18px}#landing nav ul::after{content:'';display:block;clear:both}#landing ._banner{-webkit-transform:translateY(0px);transform:translateY(0px)}#landing #content{-webkit-transform:translateY(0px);transform:translateY(0px);padding-bottom:2rem}#landing #content ._box{padding:1rem 2rem}}#testimonials{padding-bottom:3rem}#testimonials .project-arrow{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:1rem 0;position:relative;z-index:100;width:100px;margin:0 auto}#testimonials .project-arrow ._arrow{display:inline-block;width:30px;height:30px;background-image:url(/wp-content/themes/myjo/images/arrows.png);background-position:0 0;background-size:cover;cursor:pointer}#testimonials .project-arrow ._arrow._left{margin-right:30px}#testimonials .project-arrow ._arrow._right{background-position:-30px 0}#testimonials ._item{padding:10px}#testimonials ._item figure .blockquote p{opacity:.6;font-style:italic}#testimonials ._item figure .blockquote-footer{color:#00acf0;margin-top:10px}#testimonials ._item img{opacity:.3;margin:0 auto}#testimonials ._item ._flip{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.home #second{background-color:#fff200;padding-bottom:5rem;-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}.home #second ._box{padding:10px;border-radius:12px;background-color:black;color:white}.home #second ._box ._title{background-color:white;text-align:center;font-size:2rem;color:black;border-radius:12px;line-height:1;padding:15px 10px}.home #second ._box ._title span{font-size:16px}.home #second ._box ._description{padding:10px}.home #second ._box ._description a{display:block;padding:10px;font-size:14px;color:white;background-color:rgba(0,0,0,0.15);border-radius:10px;margin-left:auto;margin-right:0;width:110px;text-align:center}.home #second ._box.first{background-color:#f83d00}.home #second ._box.first ._title{background-color:#ffcc29}.home #second ._box.second{background-color:#91c101}.home #second ._box.second ._title{background-color:#d0db09}.home #second ._box.third{background-color:#187cd4}.home #second ._box.third ._title{background-color:#21b2eb}.page .fbc,.single .fbc{margin-bottom:15px}.page #testimonials,.single #testimonials{padding-top:3rem}.page .btn-blog,.single .btn-blog{background-color:black;color:white;padding:8px 25px;margin-top:15px;display:inline-block;border-radius:6px;text-transform:uppercase;font-size:14px;letter-spacing:1px}.gallery ._items{border:1px solid black;border-radius:12px;overflow:hidden}.events ._items{border:1px solid black;border-radius:12px;overflow:hidden}.contact__form .group{margin-bottom:10px}.contact__form .group label{width:100%}.contact__form .group input,.contact__form .group textarea{width:100%;padding:5px 10px}.contact__form .group textarea{max-height:120px}.blog__articles article{padding:20px;border:1px solid rgba(0,0,0,0.15);border-radius:10px;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:20px}.blog__articles article .blog__thumbnail{display:inline-block;margin-right:15px;width:100%;max-width:200px}.blog__articles article h3{font-size:1.5rem;color:black}.blog__articles article p{opacity:.5}.blog__articles article .blog__btn{display:inline-block;padding:5px 10px;background-color:black;color:white;border-radius:6px}@media only screen and (max-width: 767px){.blog__articles article{display:block}.blog__articles article .blog__thumbnail{max-width:100%;margin-bottom:10px}}