/********** common setting **********/

h2 {

    font-size: 2.8rem !important;

    font-weight: 700;

}



img {

    display: block;

    max-width: 100%;

}



a,

button {

    cursor: pointer;

}



.jumbotron {

    margin-bottom: 0 !important;

}



.atlas-cta {

    border-radius: 22px !important;

    padding: 12px 30px !important;

    font-weight: 700;

    transition: .3s ease-in-out !important;

}



.atlas-cta:hover {

    text-decoration: none;

    transform: translateY(-5px);

}



.atlas-cta-wide {

    width: 100%;

}



.cta-green {

    background: #00FFAD;

    color: #192440;

}



.cta-green:hover {

    color: #ffffff;

    background: #8ef5c1;

}



.cta-blue {

    background: #192440;

    color: #ffffff;

}



.cta-blue:hover {

    color: #ffffff;

    background: #121a2e;

}



.cta-ghost {

    border: 2px solid #192440 !important;

    color: #192440;

}



.cta-ghost:hover {

    color: #ffffff;

    background: #121a2e;

}



#banner {

    background-size: cover;

}



/********** banner **********/

#banner header {

   /* overflow: hidden;*/

}



#banner header img {

    max-width: 220px;

}



/********** feature (skew background) **********/

.feature img {

    width: 100%;

    max-width: 480px;

}



#feature-first {

    background: linear-gradient(168deg, #ffffff 55%, #252e6c 0);

}



#feature-last {

    background: #252e6c;

}



/********** price table **********/

#price-table {

    padding-top: 4rem !important;

    padding-bottom: 4rem !important;

}



#price-table__premium {

    background: #192440;

    color: #ffffff;

}



#price-table ul li {

    padding: 5px 0;

}



/********** contact **********/

#contact {

    background-size: cover;

}



#contact ul li {

    padding: 3px 0;

}



#contact form {

    color: #00FFAD;

}



#contact form input,

#contact form textarea {

    background: transparent;

    border: 1px solid #00FFAD;

    color: #ffffff;

}



/********** copyright **********/

#copyright {

    background: #192440;

    padding: 2rem 3rem;

}



#copyright #social-media a {

    width: 40px;

    height: 40px;

    border-radius: 99%;

    background: #ffffff;

    transition: .4s ease;

}



#copyright #social-media a i {

    color: #192440;

    font-size: 1.2rem;

    line-height: 40px;

}



#copyright #social-media a:hover {

    background: #00FFAD;

}



#copyright #social-media a:hover i {

    color: #ffffff;

}



/********** RWD **********/

@media (max-width: 575px) {

    #banner h1 {

        font-size: 3.6rem;

    }

}