:root{--bs-black: #000;--bs-brown: #393423;--bs-grey-2: #444;--bs-grey-3: #ccc;--bs-grey-4: #222;--bs-grey-5: #333;--bs-grey-6: #999;--bs-cape-honey: #ffe9ab;--bs-cerulean: #00aced;--bs-code-grey: #1d1d1d;--bs-chathams-blue: #0f4f7e;--bs-chathams-blue-2: #005999;--bs-chathams-blue-3: #87a7be;--bs-chathams-blue-4: #e1ebf4;--bs-crete: #4b5e26;--bs-light-green: #eaf0dc;--bs-dark-burgundy: #821206;--bs-emperor: #4f4f4f;--bs-madison: #093058;--bs-pampas: #f6f5f0;--bs-pablo: #73705f;--bs-white: #fff;--bs-pablo-2: #706d61;--bs-purple: #44136c;--bs-purple-2: #956cb7;--bs-gray-100: #f8f9fa;--bs-gray-200: #e9ecef;--bs-gray-300: #dee2e6;--bs-gray-400: #ced4da;--bs-gray-500: #adb5bd;--bs-gray-600: #6c757d;--bs-gray-700: #495057;--bs-gray-800: #343a40;--bs-gray-900: #212529;--bs-primary: #0d6efd;--bs-secondary: #6c757d;--bs-success: #4b5e26;--bs-info: #0dcaf0;--bs-warning: #ffc107;--bs-danger: #dc3545;--bs-light: #f8f9fa;--bs-dark: #212529;--bs-primary-rgb: 13, 110, 253;--bs-secondary-rgb: 108, 117, 125;--bs-success-rgb: 75, 94, 38;--bs-info-rgb: 13, 202, 240;--bs-warning-rgb: 255, 193, 7;--bs-danger-rgb: 220, 53, 69;--bs-light-rgb: 248, 249, 250;--bs-dark-rgb: 33, 37, 41;--bs-white-rgb: 255, 255, 255;--bs-black-rgb: 0, 0, 0;--bs-body-color-rgb: 33, 37, 41;--bs-body-bg-rgb: 255, 255, 255;--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--bs-font-serif: "Times New Roman", Times, serif;--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--bs-gradient: linear-gradient( 180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0) );--bs-body-font-family: Helvetica Neue, Helvetica, Arial, sans-serif;--bs-body-font-size: 1rem;--bs-body-font-weight: 400;--bs-body-line-height: 1.75;--bs-body-color: #212529;--bs-body-bg: #fff;--bs-border-width: 1px;--bs-border-style: solid;--bs-border-color: #dee2e6;--bs-border-color-translucent: rgba(0, 0, 0, .175);--bs-border-radius: .375rem;--bs-border-radius-sm: .25rem;--bs-border-radius-lg: .5rem;--bs-border-radius-xl: 1rem;--bs-border-radius-2xl: 2rem;--bs-border-radius-pill: 50rem;--bs-link-color: #005999;--bs-link-hover-color: #003e6b;--bs-code-color: #d63384;--bs-highlight-bg: #fff3cd}*{box-sizing:border-box}img{max-width:100%}ul{margin:0;padding:0}button{background-color:none;border:none;padding:none}body{font-family:var(--bs-body-font-family);font-size:18px;margin:0;overflow-x:hidden}a:link,a:visited{color:var(--bs-link-color)}a:hover{color:var(--bs-link-hover-color)}.skip-links ul{list-style-type:none;margin:0;padding-left:0}.skip-links a{font-size:11px;font-size:.6875rem;position:absolute;right:20px;top:-200px;z-index:-1}.skip-links a:focus{top:2px;z-index:9999}.site-title{display:flex;align-items:center;justify-content:center;gap:10px}.site-title>span{font-size:1rem;margin-left:.3em}.logo{display:flex;align-items:center;justify-content:center;border-top:34px solid var(--bs-light-green);border-left:13px solid transparent;border-right:13px solid transparent}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}svg{background-color:none;fill:var(--bs-body-bg);width:30px}#global-nav-toggle{background-color:var(--bs-black);color:var(--bs-body-bg);border-left:solid var(--bs-body-bg) 2px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:5px;transition:ease .3s}#global-nav-toggle:hover{background-color:var(--bs-body-color);cursor:pointer}.global-header__right svg{max-height:20px}#park-header{background-color:var(--bs-black);height:56px}#park-header ul{display:flex;flex-direction:row;justify-content:center;height:100%;list-style-type:none}#park-header a{max-width:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--bs-body-bg);text-decoration:none;text-transform:uppercase;font-size:12px;height:100%;gap:5px}#park-header li{width:100px;transition:ease .3s}#park-header li:hover{background-color:var(--bs-body-color)}#park-header svg{max-height:20px;fill:var(--bs-body-bg)}.global-header{background-color:var(--bs-black);height:56px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-left:5vw;padding-right:5vw}.global-header__right{display:flex;flex-direction:row;align-items:center;justify-content:center;height:100%}.global-header__right>*{transition:ease .3s;display:flex;align-items:center;justify-content:center;padding-left:20px;padding-right:20px;height:100%}.global-header__right>*:hover{background-color:var(--bs-body-color)}#banner-crop{height:40vw;max-height:300px;width:100vw;overflow:hidden;position:relative}#banner-crop img{-webkit-user-select:none;user-select:none;width:100%}.disclaimer{font-size:15px;line-height:1.2;margin:5px;padding-left:16px}.global-nav{display:none}#about-national-park{background-color:#000000ab;position:relative;margin-top:-80px;height:80px;display:flex;flex-direction:row;align-items:center;gap:20px;width:100vw;color:var(--bs-body-bg);padding-left:5vw}#about-national-park span{line-height:10px}#park-name{font-size:30px}.site-title span{font-family:var(--bs-body-font-family);font-weight:700;color:var(--bs-body-bg);display:flex;align-items:center;justify-content:center}a.site-title{text-decoration:none;display:flex}a.site-title:hover{text-decoration:underline;text-decoration-color:var(--bs-body-bg);text-decoration-thickness:2px}#logo-holder{display:flex;align-items:center;justify-content:center;height:100%}.intro{padding-left:20px;padding-right:20px}#info{display:grid;gap:20px;padding-left:20px;padding-right:20px;grid-template-columns:1fr 1fr 1fr}.media-card{width:100%}.media-card a:hover{cursor:pointer}#intro-header{font-size:40px}footer{background-image:url(https://byui-cse.github.io/wdd231-course/images/topo_pattern.png);padding:30px}footer h3,#intro-header{font-family:var(--bs-font-serif)}footer h3{font-size:25px}footer p{margin:0}footer h4{margin-bottom:10px}@media (max-width: 600px){#park-name{font-size:20px}#about-national-park{font-size:15px}#info{grid-template-columns:1fr}}