/* STRUCTURE */
        html {
	        box-sizing: border-box;
	        }
	    *, *:before, *:after {
	        box-sizing: inherit;
            font-size:18px;
	        }
        body {margin:0; padding:0;}
        #wrap {
            width:100%; 
            max-width:62.5rem; 
            padding:0rem 2rem 2rem 2rem;
            margin:0 auto;
        }

        body {  
            font-family: "Roboto Condensed", sans-serif;
            font-optical-sizing: auto;
            font-weight: 350;
            font-style: normal; 
            }

        footer {color:white; background-color:black; padding:20px 20px 40px 20px; margin-top:40px; text-align:center;}

        /* STRUCTURE CLASSES */

        .work {text-align:center;}

        .sculpture {
            display:flex; flex-direction:row; gap:20px; padding:20px; justify-content:center; flex-wrap: wrap;
        }

        .fees {
            display:flex; flex-direction:column; gap:8%; padding:0; justify-content:center; flex-wrap: wrap; width:100%;
        }

        @media only screen and (min-width: 800px){
            .fees {flex-direction:row-reverse;}
            .dropin, .member {width:46%;}
        }
        /* TYPOGRAPHY */

        h1, h2, a {
            font-family: "Special Gothic Condensed One", sans-serif;
            font-weight: 400;
            font-style: normal;
            }

        h2 {font-size:1.75rem; clear:both;}       
        h1, h2 {
            background-color:oklch(0.9 0.06 200); padding:1rem; 
            margin-left:-1rem; margin-right:-1rem;
            clear:both; text-align:center;
        }
        h1 {font-size:2.5rem; line-height:2rem; margin-bottom:1.5rem; padding: 2rem 1rem;}
        h3, h3 a {margin-bottom:0; font-size:1.35rem;}
        h4 {font-size:1.5rem;margin:0; padding:0;}

        strong {font-weight:500;}

        p strong {margin-bottom:0;}


        /* TYPOGRAPHY CLASSES */

        .smaller {font-size:smaller;}

        .overall {background-color:#ddd; width:100%; margin-bottom:1rem;}

        .noSessions {background-color:#ddd; padding:5px 20px;}

        /* LINKS */

        a:link, a:visited {text-decoration:none; color:oklch(0.6 0.06 200); letter-spacing:.5pt;}
        a:hover, h4 a:focus, h4 a:active {color:orangered;}   

        h4 a:link, h4 a:visited {font-size:2rem; color:orangered;  margin-top:0;}
        h4 a:hover, h4 a:focus, h4 a:active {color:oklch(0.6 0.06 200);}

        /* IMAGES */

        figure {width:14rem; height:14rem; background-color:oklch(0.6 0.06 200); margin:0; padding:0;}

        figure img {width:14rem;}

        img[src="images/zelle_baltsculptstudio.jpg"] {width:100%; max-width:400px; margin:0 auto;}

        img[src="images/instagram.png"] {width:1.5rem; margin-right:.75rem; margin-bottom:-.35rem;}

        /* MEDIA QUERIES */

        @media only screen and (min-width: 700px){
            h1 {font-size:3.5rem; line-height:3rem; margin-bottom:1.5rem; padding: 1.5rem 1rem;}
            h2 {font-size:2rem;}
            .overall {float:right; background-color:#ddd; width:20rem; margin-left:1rem;}
        }