img { border-radius: 30px;}
footer button, footer a { background-color: var(--secondary); color: #fff; padding: 0px 20px; text-transform: uppercase; }
.head { padding-left: 20px;}

#landing { color: var(--secondary); }
#landing header { text-transform: uppercase;}
#landing .icon { color: var(--primary); }

#compliance section { gap: 20px; flex-wrap: wrap;}
#compliance img { height: 60px; margin: 20px 0px;}


#package>main { padding: 30px;}
#package section figure { height: 120px; position: relative; overflow: hidden;  border-radius: 30px;}
#package section figure img { position: absolute; top: -20px; left: 0px; right: 0px; min-height:100%; min-width: 100%;} 
#package section h2 { font-size: 16px;}
#package section { align-items: flex-start; flex-wrap: wrap;}
#package section article { width: var(--wh03); grid-template-areas:
"F"
"H"
"M"
"A"
"B";}

@media screen and (max-width: 768px) { 	
    body>header input[type=checkbox]:checked ~ nav { background-color: var(--primary);}
    body>main>section, body>main>section.lefty, body>main>section.centy, body>main>section.righty { 
        width: 100vw;
        grid-template-columns: 1fr;
        grid-template-areas: "SF" "SA" "SH" "SM" "SB" "SS";
    }
    #package section figure img {  top: 0px; } 
    figure img { margin: auto;}
    body>main>section>header { padding: 20px 0px;}

}

/* body { font-family: scandia-web,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji!important;} */

#contact form main>section, #contact form>main {
    grid-template-areas:
    "IS1 IS1 IS1 IS1 IS1 IS1"
    "IS2 IS2 IS2 IS2 IS2 IS2"
    "IS3 IS3 IS3 IS3 IS3 IS3"
    "IS4 IS4 IS4 IS4 IS4 IS4"
    "IS5 IS5 IS5 IS5 IS5 IS5"
    "IS6 IS6 IS6 IS6 IS6 IS6"
    "IS7 IS7 IS7 IS7 IS7 IS7"
    "FH FH FH FH FH FH"
    "IN1 IN1 IN1 IN2 IN2 IN2"
    "IN3 IN3 IN3 IN4 IN4 IN4"
    "IN5 IN5 IN5 IN5 IN5 IN5"
    "IN6 IN6 IN6 IN7 IN7 IN7"
    "IN8 IN8 IN8 IN9 IN9 IN9"
    "IN10 IN10 IN10 IN11 IN11 IN11"
    "FF FF FF FF FF FF";
}

#contact form>main label    { text-transform: capitalize;}
#contact figure             { position: relative; display: block; overflow: hidden; border-radius: 20px; }
#contact figure article     { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; overflow: hidden; border-radius: 20px; }

#contact figure article img, #contact figure>img { position:absolute; min-height: 100%; min-width: 100%; max-width: 200%; left: -50%;}
.color1 #contact  form      { background-color: transparent;}