nav a { color: var(--primary); font-weight: 600;  }
nav figure { max-height: 48px; overflow: hidden;}
body>header { background-color: var(--light);}
body>header>nav figure img { max-height: 44px;}
nav ul:nth-of-type(3) a { background-color: var(--primary); color: #fff;  border-bottom-left-radius: 20px;  }
body>main>section:nth-last-of-type(1) { padding-bottom: 120px;}
header u { font-style: italic; text-decoration: none;  display: inline-block; rotate:-3deg; margin-top: -10px; color: var(--secondary); }
body>main>section.section211>main { display: block;}
.section211 {
    display: block; max-width: 640px; margin: auto; 
    >figure { display: flex; flex-wrap: wrap; justify-content: center;}
    >header { font-size: 24px; text-align: center;}
    >main { padding: 30px 0px;}
    h3 { padding: 40px 0px 10px ;}
     
  
}
.section1 {
/* figure img { width: 50vw; max-width: 50vw;} */
ul {
    list-style: none; /* Remove default bullets */
    padding-left: 0;
}

ul li::before {
    content: '\2713'; /* Unicode character for check mark */
    color: green; /* Change the color of the check mark */
    font-size: 1.2em; /* Adjust the size of the check mark */
    margin-right: 10px; /* Space between the check mark and the text */
    font-weight: 900;
}

>main { padding: 0px 0px;}
main div { padding: 10px 0px; b{ font-size: 3em; color: #313131;} sup {color:#616161;}}
button, a { background-color: var(--secondary); color: var(--primary);  font-weight: 700; border-radius: 10px;  }
a:nth-of-type(2) { background-color: transparent; font-style: italic; opacity: 0.7; }
}

.section21{
     header u { display: block; font-size: 20px; margin-bottom: -35px; margin-right: 60px; }
     >main { padding: 20px 0px; p {max-width: 340px;}}
     >footer { gap: 0px;}
     a { border-radius: 10px;}
}
.section31 { >main { padding: 20px 0px; } figure { align-items: center; align-content: center; color: var(--secondary);} article header { color: var(--secondary);} a { font-weight: 600; font-style: italic;}}

.section1605 {
    
    section main { display: flex; flex-wrap: wrap; justify-content: center; gap: 40px;}
    article { width: 340px; padding: 20px 0px; border-radius: 20px; box-shadow: 5px 5px 10px 1px rgba(0,0,0,0.6); background-color: var(--primary); color: #fff;
        >header { text-transform: uppercase; font-size: 30px; line-height: 50px; text-align: center; text-align: center; background-color: #616161; color: #fff; margin-top: 30px; }
        ul {
            list-style: none; /* Remove default bullets */
            padding-left: 0;
            text-align: left;
            line-height: 20px;
            b { font-size: 1.5em; text-align: center; display: block; line-height: 2em; }
            a { display: block; text-align: center; line-height: 2em; background-color: var(--secondary); color: var(--primary); font-weight: bold; padding: 0px 20px; margin: 20px 0px; border-radius: 10px; }
        }
        
        ul li::before {
            content: '\2713'; /* Unicode character for check mark */
            color: green; /* Change the color of the check mark */
            font-size: 1.2em; /* Adjust the size of the check mark */
            margin-right: 10px; /* Space between the check mark and the text */
            font-weight: 900;
        }
    }
}




@media screen and (max-width: 768px) {  


	header a { color:#fff; }
	section.section1605>main { padding: 0px 20px;}
	.section21 { 
		>header {align-self: center; text-align: center; u { margin: -20px auto -25px;}  }
		>main p {text-align: center;}
		footer { justify-content: center;}
	}
	#section31>section>main>article { width: var(--wh04); gap: 0px 20px; grid-template-areas: 
"F H"
"F A"
"F M"
"F S"
"F B"; }
}