:root{--bs-primary:#f4623a;--bs-primary-rgb:244,98,58}.text-primary{color:var(--bs-primary)!important}.bg-primary{background-color:var(--bs-primary)!important}.btn-primary{--bs-btn-bg:#f4623a;--bs-btn-border-color:#f4623a;--bs-btn-hover-bg:#cf5331;--bs-btn-hover-border-color:#cf5331;--bs-btn-active-bg:#b8492b;--bs-btn-active-border-color:#b8492b}body{font-family:Arial,Helvetica,sans-serif}#mainNav{box-shadow:0 .5rem 1rem rgba(0,0,0,.15);background-color:#111;transition:background-color .2s ease}.navbar-brand{font-weight:700}.brand-icon{width:36px;height:36px;border-radius:50%;background:#ffc107;color:#111;display:inline-flex;align-items:center;justify-content:center}.masthead{padding-top:10rem;padding-bottom:calc(10rem - 4.5rem);background:linear-gradient(to bottom,rgba(0,0,0,.75) 0%,rgba(0,0,0,.65) 100%),url('../img/hero.svg');background-position:center;background-repeat:no-repeat;background-attachment:scroll;background-size:cover;min-height:100vh}.masthead h1{font-weight:800}.text-white-75{color:rgba(255,255,255,.75)}.page-section{padding:7rem 0}.divider{height:.2rem;max-width:3.25rem;margin:1.5rem auto;background-color:#f4623a;opacity:1}.divider-light{background-color:#fff}.btn-xl{padding:1.25rem 2.25rem;font-size:.85rem;font-weight:700;text-transform:uppercase;border:none;border-radius:10rem}.module-card{height:100%;background:#fff;border-radius:18px;padding:32px;box-shadow:0 10px 35px rgba(0,0,0,.08);transition:.25s}.module-card:hover{transform:translateY(-8px)}.module-card i{font-size:36px;color:#f4623a;margin-bottom:18px}.portfolio-box{position:relative;display:block;overflow:hidden}.portfolio-box img{width:100%;height:320px;object-fit:cover}.portfolio-box-caption{position:absolute;bottom:0;left:0;right:0;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:rgba(244,98,58,.9);opacity:0;color:#fff;transition:opacity .25s ease}.portfolio-box:hover .portfolio-box-caption{opacity:1}.project-name{font-size:1.5rem;font-weight:700}.project-category{text-transform:uppercase;font-size:.9rem;font-weight:600}footer{font-size:.95rem}@media(max-width:768px){.masthead{padding-top:8rem}.masthead h1{font-size:2.4rem}.page-section{padding:5rem 0}.portfolio-box img{height:240px}}