body {
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    font-weight:400;
}

.mt {
    width: 100%;
    height: 100vh;
    background:blue url("/dhStudio.jpg");
    background-size: cover;
}

.ig {
    width: 100%;
}

.logo_holder {
    flex: 1;
    padding: 10px 25px;
    color: white;
}
.logo_holder hr {
    border-color:#61a375;
}
.subtitle {
    margin: 0;
    padding: 0;
    font-size: 1.5em;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid #61a375;
    width: 209px;
    
}
ul li {padding:5px 0; }
h1 {
    color:#61a375;
    font-size:3em;
    padding: 0;
    margin: 0;
    margin-bottom: 50px;
    text-shadow: 1px 3px 4px #000000a6;
    
}
.social {
    position: absolute;
    top: 20px;
    right: 20px;
}
.social img {
    width: 60px;
}
.notice {
    background: rgba(0, 0, 0, 0.5);
    padding: 20px 0;
    text-align: center;
    color: white;
    position: absolute;
    bottom: 1em;
    left: 0;
    width: 100%;
    font-size: 2em;
    border-bottom: 2px solid #61a375;
}

.notice p {margin:0;padding:0;}
@media (max-width: 900px) {
    body {font-size:1.5em}
    .logo_holder {
        background: rgba(0, 0, 0, 0.8);
        border-bottom:2px solid #61a375;
    }
    .subtitle {font-size:1em;}
    .notice {border:none;background: rgba(0, 0, 0, 0.8);font-size:1em; z-index:0;}
    .social img {
    width:42px;
    
}
    .social {
        bottom: 2.3em;
        position:absolute;
        top:auto;
        z-index:1;
    }
    h1 {text-align: center;}
    .mt {
    }
};