#memberships-select-parent {
}

    #memberships-select-parent .top-title {
        font-size: 2vw;
        font-weight: 600;
        color: #133880;
        text-align: center;
        margin: 1vw 0;
    }

    #memberships-select-parent .select-tiles {
        display: flex;
        justify-content: center;
        margin-bottom: 3vw;
    }

        #memberships-select-parent .select-tiles .tile {
            flex: 0 0 25%;
            background: #133880;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            border-radius: 1vw;
            box-shadow: 0.25vw 0.25vw 0.25vw rgba(0, 0, 0, 0.5);
        }

            #memberships-select-parent .select-tiles .tile.cf {
                margin-right: 1.5vw;
            }

            #memberships-select-parent .select-tiles .tile.sf {
                margin-left: 1.5vw;
            }

            #memberships-select-parent .select-tiles .tile .logo {
                width: 12vw;
                margin: 1vw 0;
            }

            #memberships-select-parent .select-tiles .tile .text {
                color: #f7f7f7;
                text-align: center;
                padding: 0 2vw;
                font-size: 1vw;
            }

            #memberships-select-parent .select-tiles .tile a {
                color: #f7f7f7;
                text-decoration: none;
                margin: 2vw 0;
                padding: 1vw 2vw;
                border-radius: 1vw;
                width: 13vw;
                font-size: 1vw;
                font-weight: 600;
            }

            #memberships-select-parent .select-tiles .tile.cf a {
                background: #ee2e24;
            }

            #memberships-select-parent .select-tiles .tile.sf a {
                background: #16a1dc;
            }

            #memberships-select-parent .select-tiles .tile a img {
                width: 0.55vw;
                position: relative;
                left: 1vw;
            }

@media screen and (max-width: 768px){
    #memberships-select-parent {
        padding-top: 20vw;
    }

        #memberships-select-parent .top-title {
            font-size: 7vw;
            line-height: 7.5vw;
        }

        #memberships-select-parent .select-tiles {
            flex-direction: column;
            align-items: center;
            margin-top: 5vw;
        }

            #memberships-select-parent .select-tiles .tile.cf {
                margin-right: 0;
            }

            #memberships-select-parent .select-tiles .tile.sf {
                margin-left: 0;
            }

            #memberships-select-parent .select-tiles .tile {
                margin-bottom: 5vw;
                width: 90%;
                border-radius: 5vw;
                box-shadow: 1vw 1vw 1vw rgba(0, 0, 0, 0.5);
            }

                #memberships-select-parent .select-tiles .tile .logo {
                    width: 50vw;
                    margin: 5vw 0;
                }

                #memberships-select-parent .select-tiles .tile .text {
                    padding: 0 5vw;
                    font-size: 4vw;
                }

                #memberships-select-parent .select-tiles .tile a {
                    margin: 5vw 0;
                    padding: 2vw 5vw;
                    border-radius: 2vw;
                    width: 50vw;
                    font-size: 4vw;
                    font-weight: 600;
                }

                    #memberships-select-parent .select-tiles .tile a img {
                        width: 2vw;
                        left: 6vw;
                    }
}