/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Apr 27 2026 | 17:50:49 */
/* ============================================ */
/* LOGO BANNER - Desktop only (no tablet/phone) */
/* ============================================ */
#logo_banner_img {
    margin-top: 0px;
    margin-left: 0px;
    border: 2px solid transparent;
    width: 800px;
    height: 620px;
    position: relative;
    top: -50px;
  	left: -20px;
}

/* Logo Banner - Target the image inside the div */
#logo_banner_img img {
    width: 120%;
    height: 120%;
    object-fit: contain;
}

/* ============================================ */
/* Tablet AND Phone styles for Logo Banner      */
/* ============================================ */
@media screen and (max-width: 991px) {
    #logo_banner_img {
        width: 90%;
        height: auto;
        top: -20px;
        left: 5%;
    }
    
    #logo_banner_img img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }
}

/* ============================================ */
/* Tablet ONLY styles for Logo Banner           */
/* ============================================ */
@media screen and (max-width: 991px) and (min-width: 768px) {
    #logo_banner_img {
        width: 500px;
        height: 371px;
        top: -30px;
        left: 15px;
    }
    
    #logo_banner_img img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
}

/* ============================================ */
/* Phone ONLY styles for Logo Banner            */
/* ============================================ */
@media screen and (max-width: 767px) {
   #logo_banner_img {
    width: 60%;
    height: auto;
    top: -15px;
    left: 2.5%;
    position: absolute;
    top: -139px;
    left: -20px;
  }

    
    #logo_banner_img img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }
}

/* ============================================ */
/* FRONT PAGE COVER FOTO - Tablet & Phone ONLY  */
/* ============================================ */
@media screen and (max-width: 991px) {
    #front-page-cover-foto {
        position: relative;
        left: calc(0%);
        height: auto;
    }
    
    #front-page-cover-foto img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }
}