@charset "UTF-8";
/* CSS Document */
body {font-family: 'Open Sans', sans-serif;
}

.position-sticky {
    top: 0px;
    z-index: 100;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.8);
}

h1 {font-size: 300%;
    font-family: 'Nanum Myeongjo', serif;
}

h2 {font-family: 'Nanum Myeongjo', serif;
}

h4 {
    font-family: 'Nanum Myeongjo', serif;
    color: #cf1520;
    border-bottom: 1px solid gray;
padding-bottom: 5px;
}

img {max-width: 100%;
}

.pics img {margin-bottom: 16px; 
}

.line {
            padding-bottom: 4px;
    border-bottom: .5px solid gray;
        }

 .under {
            padding-bottom: 5px;
    border-bottom: 5px solid red;
            width: fit-content;
        }

.rule { 
    border-bottom: 1px solid #dee2e6; 
}

.email {
    color: #FFFFFF; text-decoration: underline; 
}

footer {
    background-color: #0A2170;
    color: #FFFFFF;
}

footer a {color: #FFFFFF; 
}

footer a:hover {color: #D6D5D5;
}

footer hr {
      border-top: 1px solid #fff;
}

@media (max-width: 574px) {
    .logo {max-width: 50%; 
    }
        .vis {max-width: 35%;  
    }
}