body {
    min-width: fit-content;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.align-right {
    float: right;
}

.text-center {
    text-align: center;
}

ul {
    list-style-type: square;
    color: #323436;
}

.title {
    grid-area: title;
}

.bullet {
    grid-area: bullet;
}

.fact {
    grid-area: fact;
}

.form {
    grid-area: form;
    margin: 0 40px 0 40px;
    background-color: rgba(250, 250, 250, 0.7);
}

.white {
    color: #fff;
}

.blue {
    color: #0066ff;
}

.cta {
    background-color: #ff0340;
    color: #fff;
    border: none;
    padding: 10px 30px;
}

.cta:hover {
    background-color: #c70300;
    cursor: pointer;
}

.section1 {
    background-image: url(../images/texture-background.jpg);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: minmax(100px, auto);
    grid-template-areas:    "title title form"
                            "fact fact form" 
                            ". . form";
}


.title {
    Margin: 0 20px;
}


.bullet {
    Margin-left: 20px;
}

.fact {
    Background-color: rgba(0, 102, 255, 0.9);
    padding: 0 25px 0 25px;
    margin-bottom: 15px;
    border-radius: 0 15rem 15em 0;
}


.bullet {
    margin: 25px;
}

.section2 {
    display: grid;
    grid-template-columns: 1fr;
    margin: 40px;
}

.section3-cta {
    background-color: #efefef;
    padding: 20px 40px 40px 40px;

}

.section3-content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 2fr));
    grid-row-gap: 80px;
    margin: 20px 0;

}

.section4 {
    margin: 40px 0;
    padding: 40px 40px;
}

.section4-content{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    margin: 40px 0 0 0;
}

.statement4 {
    grid-area: statement4;
    text-align: center;
}

.first4 {
    grid-area: first4;
}

.second4 {
    grid-area: second4;
}

.cta-button {
    grid-area: cta-button;
}

.section5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(auto-fit, minmax(100px, 3fr));
    grid-template-areas: "statement4 statement4 statement4 statement4 statement4" 
                         ". first4 . second4 ."
                         ". . cta-button . ."
                        ;
    background-color: #0066ff;
    padding: 40px;

}

.section6 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 2fr));
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding: 40px;
    margin-top: 60px;
}


/*-----------Media Queries-----------*/

@media only screen and (max-width: 900px) {
    .section1 {
        display: grid;
        grid-template-columns: 1fr;
        grid-auto-rows: repeat(2, 1fr);
        grid-template-areas: "title" "fact" "form";
    }

    .section5 {
        grid-template-columns: 1fr;
        grid-template-areas: "statement4" "first4" "second4" "cta-button";
    }

    .form{
        background-color: #e6e6e6;
        margin: 0;
    }

    h1 {
        font-size: 2.4rem;
    }

    h2 {
        font-size: 1.5rem;
    }

    h3 {
        font-size: 1.4rem;
    }

    .fact {
        border-radius: 0;
    }
    
}



/*activeCampaign Form*/