.inner-wrap{
    padding: 20px;
    background: white;
    border-radius: 6px;
    border-color: #d2d5de;
    border-width: 0;
    border-style: solid;
    margin-left:3px;
    margin-top: 3px;
    margin-right: 5px;
}

.inner-wrap .section {
    font-family: SourceSansProBold;
    font-size: 18px;
    color: #014c8c;
    margin-left: 0pt;
    margin-top: -10pt;
    padding:0px;
}

.inner-wrap .number {
    background: #1abc9c;
    color: #fff;
    height: 30px;
    width: 30px;
    display: inline-block;
    font-size: 0.8em;
    margin-right: 4px;
    line-height: 30px;
    text-align: center;
    text-shadow: 0 1px 0 rgba(255,255,255,0.2);
    border-radius: 15px 15px 15px 0px;
}



@media (min-width: 150px) {

    .formsblock1 {
        grid-area: formsblock1;
    }

    .formsblock2 {
        grid-area: formsblock2;
    }

    .formsblock3 {
        grid-area: formsblock3;
    }


    .formswrapper {
        display: grid;
        grid-gap: 5px;
        grid-template-columns: 33% 33% 33%;
        grid-auto-flow: column;

        min-height: 100vh;

        grid-template-areas:
            "formsblock1 formsblock2 formsblock3";
        background-color: #fff;
        color: #444;
    }

}


@media (min-width: 350px) {
    .refforks_b1 {
        grid-area: refforks_b1;
    }

    .refforks_b2 {
        grid-area: refforks_b2;
    }

    .refforks_b3 {
        grid-area: refforks_b3;
    }



    .refforkswrapper {
        display: grid;
        grid-gap: 5px;
        grid-template-columns: 50% 50%;
        grid-auto-flow: row;
        overflow-y: auto;

        max-height: 80vh;

        grid-template-areas:
                "refforks_b1 refforks_b3"
                "refforks_b2 refforks_b3"
                ;
        background-color: #fff;
        color: #444;
    }

}