@font-face {
   font-family: 'ProximaNova';
   src: url('https://e.snmc.io/3.0/font/Proxima-Nova/Regular.woff2?d') format('woff2'),
   url('https://e.snmc.io/3.0/font/Proxima-Nova/Regular.woff?d') format('woff');
   font-weight: normal;
   font-style: normal;
   font-display: swap;
   font-feature-settings: "ss06" 1, "ss09" 1;
}


@font-face {
   font-family: 'ProximaNova';
   src: url('https://e.snmc.io/3.0/font/Proxima-Nova/Bold.woff2?d') format('woff2'),
   url('https://e.snmc.io/3.0/font/Proxima-Nova/Bold.woff?d') format('woff');
   font-weight: 700;
   font-display: swap;
   font-style: normal;
   font-feature-settings: "ss06" 1, "ss09" 1;
}


@font-face {
   font-family: 'ProximaNova';
   src: url('https://e.snmc.io/3.0/font/Proxima-Nova/RegularIt.woff2?d') format('woff2'),
   url('https://e.snmc.io/3.0/font/Proxima-Nova/RegularIt.woff?d') format('woff');
   font-weight: normal;
   font-display: swap;
   font-style: italic;
   font-feature-settings: "ss06" 1, "ss05" 1, "ss09" 1;
}


@font-face {
   font-family: 'ProximaNova';
   src: url('https://e.snmc.io/3.0/font/Proxima-Nova/BoldIt.woff2?d') format('woff2'),
   url('https://e.snmc.io/3.0/font/Proxima-Nova/BoldIt.woff?d') format('woff');
   font-weight: 700;
   font-display: swap;
   font-style: italic;
   font-feature-settings: "ss06" 1, "ss05" 1, "ss09" 1;
}

html, body {
   background: #0b1528;
   color:#fff;
   font-family: 'ProximaNova', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
   font-feature-settings: "ss05" 1, "ss06" 1, "ss09" 1;
   font-size: 16px;
   --section_sm_padding: 2.5em;
   --section_std_padding: 5em;
   --section_vert_padding: 10em;
}


h1 {
   font-size:5.375em;
   font-weight:normal;
}

.sonemic_title {
   display:block;
   font-size:1.5em;
}

.section_intro {
   background: #1c2b45;
   display:flex;
   flex-direction:column;
}

.section_intro_text {
   display:flex;
   padding:var(--section_vert_padding);
   padding-bottom:var(--section_std_padding);
   align-items: center;
   justify-content: flex-start;
}

.section_intro_logo {
   width:14.625em;
   height:14.625em;
   margin-right:3em;
}



.section_intro_wave {
   width:100%;
   object-fit:cover;
}

.section_whatis {
   padding:var(--section_vert_padding);
   padding-bottom:var(--section_std_padding);
}

.section_oursites {
   padding:var(--section_vert_padding);   
   padding-top:var(--section_sm_padding);
   padding-bottom:0;
}

.section_oursites_sites {
   background:#1C2B45;
   padding:var(--section_sm_padding) var(--section_vert_padding);
   display:flex;
   justify-content: center;
   align-items: center;
   gap:5em;
}

.section_oursites_sites_site {
   display:flex;
   flex:1;
   justify-content: center;
   align-items: center;   
}


.section_oursites_logo {
   width:9em;
   height:9em;
   margin-right:2.5em;
}

.section_progress_header {
   padding:var(--section_vert_padding);   
   padding-top:var(--section_sm_padding);
   padding-bottom:0;
   border-top:1px solid #333;


}

h2 {
   font-size:3em;
   font-weight:normal;
   margin:0;
   margin-bottom:0.75em;
}

h3 {
   font-size:2em;
   font-weight:bold;
   margin:0;
   margin-bottom:0.33em;
}

.section_oursites_sites_site a {
   color:#fff;
   font-weight:normal;
}


p {
   line-height:1.4;
   font-size:16px;
   margin:0;
}

a {
   color:#eee;
   font-weight:bold;
   text-decoration:none;
}

li {
   background: url(assets/checkbox_off.svg) no-repeat;
   background-size:1.33em 1.33em;
   list-style-type:none;
   font-size:1.2em;
   line-height:1.33;
   margin-bottom:0.75em;
   color:#bbb;

   padding:0 2em;
}

li.checked {
   background: url(assets/checkbox_on.svg) no-repeat;
   background-size:1.33em 1.33em;
}

li.partial {
   filter:grayscale();
}

li.checked a {
   color:#fff;
   font-weight:bold;
}

li b {
   color:#ddd;
}

li.header {
   list-style-type: none;
   background:none;
   margin-bottom:0.5em;
}

li p {
   font-weight:normal;
   margin-top:0.25em;
   font-size:0.95em;
   color:#bbb;
}

.section_progress_checklist {
   display:flex;
   padding:var(--section_vert_padding);   
   padding-top:1em;
}


.section_contact {
   background:#1C2B45;
   text-align:center;
   padding:var(--section_sm_padding) var(--section_vert_padding);
}

.section_contact_inner {
   max-width:80em;
   margin:0 auto;
}

.section_contact h2 {
   margin-bottom:0.5em;
}

.section_contact_inner b {
   font-size:0;
}

address {
   font-style: normal;
   font-weight:bold;
   font-size:1.8em;
   margin-top:1em;
}

ul {
   flex:1;
}

@media only screen and (max-width:120em) {
   html, body {
      font-size:12px;
      --section_std_padding: 3em;
      --section_vert_padding: 8em;
   }
}

   .section_progress_checklist .header {
      margin-bottom:1.5em;
   }


@media only screen and (max-width:60em) {

   html, body {
      font-size:11px;
      --section_std_padding: 2em;
      --section_vert_padding: 3em;
   }

   .section_intro {
      font-size:0.5em;
   }

   .section_oursites_sites {
      flex-direction:column;
      padding:3em;
   }
   .section_progress_checklist {
      flex-direction: column;
      padding:0em;
      font-size:1.1em;
   }

   .section_progress_header {
      margin-bottom:1em;
   }


}