@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@800;900&display=swap');

h3 {
color: #282b3e;
font-family: 'Montserrat', sans-serif;
font-size: 2.5em;
}
p {
font-size: 1.3em;
}
.scs-logo {
height: 2em;
}
.overlay {
background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(0,0,0,0.5) 54%, rgba(255,255,255,0.1) 100%);
position: absolute;
height: 100%;
width: 100%;
margin-top: -3em;
z-index: 0;
}
.pad-1 {
padding: 1em;
}
.m-t-1 {
margin-top: 1em;
}
.m-t-2 {
margin-top: 2em;
}
.m-b-1 {
margin-bottom: 1em;
}
.m-b-2 {
margin-bottom: 2em;
}
.mont {
font-family: 'Montserrat', sans-serif;
}

h3.m-t-1 {
/* border-bottom: solid #dddddd; */
}

h1.mlk-text.mont {
left: 0;
right: 0;
color: #FFF;
font-size: 7vw;
text-shadow: 4px 4px 0px rgb(0 0 0 / 20%);
padding-top: 1em;
position: absolute;
margin: auto;
display: block;
}

.main-page strong, .gold {
color: #ffb107;
}
.normal-t {
font-weight: normal;
}
.center-t {
text-align: center;
}
.green {
color: #86c6c1;
}
.main-page strong, .gold {
color: #ffb107
}
.kingday strong {
color: #86c6c1;
}

.green-row {
background: #86c6c1;
}
.mlk-banner {
width: 60%;
margin: 2em auto 0 auto;
}
.mlk-header {
background: url('https://images.unsplash.com/photo-1543296210-e5978c55191d?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80');
background-size: cover;
background-attachment: fixed;
min-height: 34em;
position: relative;
}


.img-100 {
width: 100%;
}
.gold-t {
color: #ffb320;
}
.hoz-1 {
background: url(/mlkday2022/img/unnamed.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
height: 30em;
width: 100%;
margin: 1em 0;
}

.gray-row {
background: #2b2b2b;
padding: 7em 0;
}
.gray-row h3, .gray-row .main-page strong, .gray-row a {
color: #feb419;
}
.gray-row p {
color: #FFF;
}
.
.mlk-banner {

}

.serviceday, .kingday {
padding: 0 10em;
}
.container li {
font-size: 1.3em;
}
footer {
/* background: #2b2b2b; */
margin: 3em 0;
}
footer p {
font-size: 1em;
}

@media (max-width: 1100px){
h1.mlk-text.mont {
/* font-size: 10vw; */
margin: -1.5em auto;
}
.container p, .kingday, .serviceday {
padding: 0 2em;
}
.mlk-header {
min-height: auto;
}
}

@media (max-width: 630px){
.mlk-banner {
}
h3.m-t-1 {
font-size: 1.2em;
}
}