body{
    background-color: #000;
}

.mainPageLayOut{
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    color: #fff;
    background-color: #000;
    padding: 20px 0;
}

.contentBox{
    width: 100%;
    text-align: center;
    padding: 40px;
}

.headerTitle{
    width: 100%;
    text-align: center;
    color: #087536;
    font-size: 50px;
    font-family: "Times New Roman";
    font-style: italic;
    margin-bottom: 15px;
    line-height: 1;
}

.secTitle{
    font-size: 20px;
    margin-bottom: 15px;
    color: #087536;
}

.logoPic{
    width: 45%;
    margin-bottom: 15px
}

.btnBox{
    width: 100%;
    text-align: center;
    background-color: #087536;
    margin-bottom: 15px;
    padding: 12px 24px;
    cursor: pointer;
}

.btnBox:hover{
    background-color: #8CC441;
}

.btnBox a{
    display: block;
    color: #fff;
    font-size: 18px;
    line-height: 1.2;
}






@media screen and (max-width: 767px) {
    .mainPageLayOut{
        align-items: flex-start;
    }
    .headerTitle{
        font-size: 25px;
    }
}