/********** common setting **********/
h2 {
    font-size: 2.8rem !important;
    font-weight: 700;
}

img {
    display: block;
    max-width: 100%;
}

a,
button {
    cursor: pointer;
}

.row {
        display: flex;
      }

.col {
        flex: 1; 
        padding: 1em;
        text-align: center;
      }

.img_contact {

    padding-bottom: 15px;
}

.footer {
    position: fixed;
    text-align: center;
    right: 0;
    bottom: 0;
    left: 0;
}

.jumbotron {
    margin-bottom: 0 !important;
}

.atlas-cta {
    border-radius: 22px !important;
    padding: 12px 30px !important;
    font-weight: 700;
    transition: .3s ease-in-out !important;
}



#banner {
    background-size: cover;
}

/********** banner **********/
#banner header {
    overflow: hidden;
}

#banner header img {
    max-width: 80px;
}

/********** feature (skew background) **********/
.feature img {
    width: 100%;
    max-width: 480px;
}

/********** copyright **********/
#copyright {
    background: #192440;
    padding: 0.3rem;
}


/********** RWD **********/
@media (max-width: 575px) {
    #banner h1 {
        font-size: 3.6rem;
    }
}