﻿
section {
    padding: 75px 75px;
    background-color: #fff;
}



.center {
    background-color: #f7f8fa;
}

    .center .content {
        width: 100%;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        text-align: center;
    }

    .center h2 {
        width: 100%;
        padding: 0 75px 75px 75px;
    }

    .center .box {
        width: calc(50% - 40px);
        background-color: #fff;
        padding: 20px 75px;
        margin: 0 20px;
        border: 1px solid #f2f2f2;
        border-radius: 20px;
        box-shadow: 10px 10px 16px lightgrey;
    }

        .center .box h2 {
            padding: 25px 0;
        }

        .center .box h3 {
            margin: 20px 0;
        }

        .center .box h4 {
            padding-top: 50px;
            text-align: center;
        }

        .center .box a {
            color: #29235C;
            text-decoration: underline;
        }

        .center .box .signin {
            min-height: 200px;
            text-align: left;
        }

            .center .box .signin input {
                height: 50px;
                width: 100%;
                padding: 20px;
                margin: 10px 0;
                color: #29235C;
                font-size: 16px;
                border: 2px solid lightgrey;
                border-radius: 6px;
                outline: none;
                -webkit-appearance: none;
                -moz-appearance: none;
            }

        .center .box p {
            margin: 10px 40px;
        }



@media screen and (max-width: 980px) {

    section {
        padding: 75px 0px;
    }



    .center h2 {
        margin: 0;
        padding: 0 0 75px 0;
    }

    .center .box {
        width: calc(100% - 0px);
        padding: 20px 50px;
        margin: 20px 20px;
    }

}



@media screen and (max-width: 600px) {

    section {
        padding: 75px 0px;
    }



    .center .box {
        padding: 20px 25px;
    }

}




h5 { 
    text-align: left;
}



.signup-textbox {
    height: 50px;
    width: 100%;
    padding: 20px;
    margin: 10px 0;
    color: #29235C;
    font-size: 16px;
    border: 2px solid lightgrey;
    border-radius: 6px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

