.hr,.hr-3,.hr-4{background-color:#f7c51e}.img-overlay-10:hover,.img-overlay-11:hover,.img-overlay-12:hover,.img-overlay-2:hover,.img-overlay-3:hover,.img-overlay-4:hover,.img-overlay-5:hover,.img-overlay-6:hover,.img-overlay-7:hover,.img-overlay-8:hover,.img-overlay-9:hover,.img-overlay:hover,.reveal.active{opacity:1;transform:translateY(0)}*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none!important}.container-2{background-image:url("https://www.clydeco.com/getattachment/809d1653-70be-4a27-8eba-4f959ee6723b/facebook-image?variant=introbannerdesktopvarient");height:1080px;background-size:cover;background-position:center;background-attachment:fixed;position:inherit}body{font-family:Poppins,sans-serif}#link{margin-top:0}#farmhouse-link,#link-1{color:#fff}#h1{margin-right:100px;margin-top:100px}@media screen and (max-width:768px){#h1{margin:0}}.hr{height:3px;width:6%;margin:50px auto 0}@media (max-width:1760px){.hr{margin:50px auto 0}}#cx-m{margin:50px}#cx-m a,.containerx a{color:#000}#cx-m a:hover,.containerx a:hover{color:#f7c51e}.cx-text{color:#afafaf}#services{margin-top:150px;font-weight:100;font-size:50px}.hr-3{height:6px;width:10%;margin-left:0}.hr-4{height:2px;width:90%;margin-left:40px;margin-top:-2px}.reveal{position:relative;transform:translateY(150px);transition:2s}#imgs,#imgs-1,#imgs-2,#imgs-3,#imgs-4,#imgs-5,#imgs-6{width:375px;height:250px}.img-img,.img-img-10,.img-img-11,.img-img-12,.img-img-2,.img-img-3,.img-img-4,.img-img-5,.img-img-6,.img-img-7,.img-img-8,.img-img-9{display:block;width:100%}.img-overlay,.img-overlay-2,.img-overlay-3{position:absolute;margin-top:-300px;margin-left:20px;width:375px;height:250px;background:rgba(0,0,0,.6);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .25s}.img-overlay-blur,.img-overlay-blur-10,.img-overlay-blur-11,.img-overlay-blur-12,.img-overlay-blur-2,.img-overlay-blur-3,.img-overlay-blur-4,.img-overlay-blur-5,.img-overlay-blur-6,.img-overlay-blur-7,.img-overlay-blur-8,.img-overlay-blur-9{backdrop-filter:blur(5px)}.img-overlay-10>*,.img-overlay-11>*,.img-overlay-12>*,.img-overlay-2>*,.img-overlay-3>*,.img-overlay-4>*,.img-overlay-5>*,.img-overlay-6>*,.img-overlay-7>*,.img-overlay-8>*,.img-overlay-9>*,.img-overlay>*{transform:translateY(20px);transition:transform .25s}.img-title,.img-title-10,.img-title-11,.img-title-12,.img-title-2,.img-title-3,.img-title-4,.img-title-5,.img-title-6,.img-title-7,.img-title-8,.img-title-9{font-size:2em;font-weight:700}.img-des,.img-des-10,.img-des-11,.img-des-12,.img-des-2,.img-des-3,.img-des-4,.img-des-5,.img-des-6,.img-des-7,.img-des-8,.img-des-9{font-size:1.25em;margin-top:.25em}@media (max-width:1366px){.img-overlay,.img-overlay-2{margin-left:85px}.img-overlay-3{margin-left:370px}}@media (max-width:1152px){.img-overlay-3{margin-left:280px}@media (max-width:1024px){.img-overlay-3{margin-left:254px}}@media (max-width:800px){.img-overlay-3{margin-left:142px}}}.img-overlay-10,.img-overlay-11,.img-overlay-12,.img-overlay-4,.img-overlay-5,.img-overlay-6,.img-overlay-7,.img-overlay-8,.img-overlay-9{position:absolute;margin-top:-300px;margin-left:20px;width:375px;height:252px;background:rgba(0,0,0,.6);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .25s}@media (orientation:portrait){.hr-4{margin-left:35px}#imgs{width:300px}#imgs-1,#imgs-2,#imgs-3,#imgs-4,#imgs-5,#imgs-6{width:300px;height:250px}.img-overlay,.img-overlay-5,.img-overlay-6,.img-overlay-7{display:none}.img-overlay-4,.img-overlay-8,.img-overlay-9{margin-left:29px!important;width:301px!important;height:252px;display:none}.img-overlay-10{margin-left:29px!important;width:301px!important;height:252px}}@media (min-width:1280px) and (max-width:1366px){.img-overlay-9{margin-left:370px!important;width:377px!important;height:252px}.img-overlay-10{margin-left:85px!important;width:375px!important;height:252px}}@media (min-width:480px) and (max-width:1280px){.img-overlay,.img-overlay-10,.img-overlay-11,.img-overlay-2,.img-overlay-3,.img-overlay-4,.img-overlay-5,.img-overlay-6,.img-overlay-7,.img-overlay-8,.img-overlay-9{display:none}}@media (min-width:800px){.hr-4{margin-left:18px;width:92%}}#clients,.more-details{display:block;margin-left:auto;margin-right:auto;width:50%}#clients{margin-top:125px}@media (orientation:portrait){.img-overlay-10{display:none}.img-overlay-11{margin-left:29px!important;width:301px!important;height:252px;display:none}#clients{width:100%}}.more-details{margin-bottom:100px;font-size:x-large;font-weight:700}#h6{margin-top:50px;color:#fff}#fixed-nav{transition:background-color .3s;font-weight:400;font-family:Arial,Helvetica,sans-serif}#fixed-nav.scrolled{background-color:rgba(0,0,0,.8)}#fixed-nav .nav-link{color:#fff;transition:color .3s,font-weight .3s}#fixed-nav .nav-link:hover{background-color:#fff;color:#000;font-weight:300;border-radius:10px;transition:.5s}.navbar{font-family:myFont4,sans-serif;background-color:#000}.navbar-toggler{position:absolute;top:10px;right:10px;padding:.4rem;z-index:2;background-color:#fff;border-radius:5px}.navbar-toggler-icon{width:30px;height:3px;background-color:#fff;position:relative}.navbar-toggler-icon::after,.navbar-toggler-icon::before{content:'';width:30px;height:3px;position:absolute;left:0}.navbar-toggler-icon::before{top:-10px}.navbar-toggler-icon::after{bottom:-10px}#ks-small,#ks-transparent{max-width:500px;height:auto;margin-right:10px}@media (max-width:1366px){.img-overlay-4,.img-overlay-5,.img-overlay-7,.img-overlay-8{margin-left:85px}.img-overlay-6{margin-left:370px;width:377px}@media (max-width:1152px){.img-overlay-7{margin-left:280px}}@media (max-width:1024px){.img-overlay-7{margin-left:40px}}@media (max-width:800px){.img-overlay-7{margin-left:160px}}@media (min-width:800px){.hr-4{margin-left:18px;width:92%}}.img-overlay-10{margin-left:370px}.img-overlay-11{margin-left:85px;width:378px;height:252px}.img-overlay-12{display:none}#ks-transparent{width:400px}.navbar-nav .nav-link{padding:8px;font-size:.9rem}}@media (max-width:992px){#ks-small{display:block}#ks-transparent{width:350px}.navbar-toggler{top:10px;right:10px}.navbar-nav .nav-link{padding:10px;text-align:center;font-size:1rem}}@media (max-width:576px){#ks-transparent{display:none}#ks-small{display:block;width:225px}.navbar-toggler{top:8px;right:8px;padding:.4rem}.navbar-nav .nav-link{padding:8px;font-size:.85rem}}@media (orientation:landscape) and (max-height:820px){#ks-small{display:none!important}#ks-transparent{display:block!important;width:450px}.navbar-toggler{top:5px;right:5px;padding:.3rem}}
#brandname {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 2rem; /* Default for large screens */
}

@media screen and (max-width: 1200px) {
    #brandname {
        font-size: 1.8rem; /* Slightly smaller for medium screens */
    }
}

@media screen and (max-width: 992px) {
    #brandname {
        font-size: 1.6rem; /* Medium screens like tablets */
    }
}

@media screen and (max-width: 768px) {
    #brandname {
        font-size: 1.4rem; /* Small screens like large smartphones */
    }
}

@media screen and (max-width: 576px) {
    #brandname {
        font-size: 1.2rem; /* Extra small screens */
    }
}

@media (orientation: landscape) and (max-width: 576px) {
    #brandname {
        font-size: 1.4rem; /* Adjust for landscape orientation on small screens */
    }
}

/* Navbar and Logo Styles */
#nav-logo-image {
    max-width: 550px; /* Default max width for larger screens */
    height: auto;
    margin-right: 10px;
    transition: width 0.3s ease;
}

@media screen and (max-width: 1368px) {
    #nav-logo-image {
        max-width: 480px; /* Slightly smaller for medium screens */
    }
}

/* Responsive styling for the navbar logo */
@media screen and (max-width: 1366px) {
    #nav-logo-image {
        max-width: 480px; /* Slightly smaller for medium screens */
    }
}

@media screen and (max-width: 1200px) {
    #nav-logo-image {
        max-width: 480px; /* Slightly smaller for medium screens */
    }
}

@media screen and (max-width: 992px) {
    #nav-logo-image {
        max-width: 480px; /* Even smaller for tablet-sized screens */
    }
}

@media screen and (max-width: 768px) {
    #nav-logo-image {
        max-width: 480px; /* Smaller on small screens */
    }
}

@media screen and (max-width: 576px) {
    #nav-logo-image {
        max-width: 280px; /* Further reduced size for smaller devices */
    }
}

@media (orientation: landscape) and (max-height: 820px) {
    #nav-logo-image {
        max-width: 50%; /* Ensures proper size in landscape mode */
    }
}

/* back to top */

#back-to-top{
    position: fixed;
    background-color:#ff5e14;
    transition: background-color .3s;
    color:#fff;border-radius:50%;cursor:pointer;
    bottom:30px;right:30px;display:none;font-size:24px;padding:15px;z-index:1000
}
#back-to-top:hover{
    background-color:#f7c51e}
    @media (max-width:768px){
        #back-to-top{
        bottom:20px;
        right:20px;
        }
    }
    
    @media (max-width:480px){
     #back-to-top{
        bottom:15px;
        right:15px
        }
    }