*{
    font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
    margin:0;
    padding:0;
    box-sizing: border-box;
}
body{
    /* background-color: #00544B; */
    background:url(mg-bg_001.png) top left repeat;
    color: #FFFFFF;
}
.cont{
    width:100%;
    height:100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.const{
    display: grid;
    grid-template-columns: 1fr;
    gap:10px;
    width:90%;
}
img{
    width:100%;
    height:auto;
}
p{
    font-size:1.0rem;
    width:100%;
    text-align: center;
}
.site-title{
    font-weight: bold;
    color:#14d596;
}

@media screen and (min-width: 700px) {
    p{
        font-size:1.2rem;
    }
    .const{
        width:80%;
    }
}
@media screen and (min-width: 1200px) {
    p{
        font-size:1.4rem;
    }
    .const{
        width:70%;
    }
}
@media screen and (min-width: 1800px) {
    p{
        font-size:1.6rem;
    }
    .const{
        width:60%;
    }
}