.row {
		letter-spacing: -5px;
		margin: 0 -15px;
		display: none;
		&:after {
			@extend %extend_1;
		}
		.col {
			letter-spacing: 0;
			padding: 0 15px 25px;
			font-size: 25px;
			line-height: 35px;
			display: inline-block;
			vertical-align: top;
			a {
				display: block;
				p {
					color: $navy;
				}
				&.btn-default {
					display: inline-block;
					vertical-align: top;
				}
				&:hover .img-holder {
					opacity: .85;
				}
			}
		}
		&.four {
			display: block;
			.col {
				width: 50%;
			}
			.img-holder {
				margin: 0 0 15px;
			}
		}
		&.two {
			display: block;
			.col {
				width: 100%;
				font-size: 29px;
				line-height: 35px;
			}
			a.btn-default {
				display: block;
			}
		}
	}



<section class="module support-block">
        <div class="container">
    <div class="support-box">

        <div class="heading">
            <h2><span><a href="@Umbraco.Content(Umbraco.Field("linkSupport").ToString()).Url">@Umbraco.Field("titleSupport")</a></span></h2>
        </div>
        @{var cols = "one";
            if (CurrentPage.image2Support != null && !(CurrentPage.image2Support is Umbraco.Core.Dynamics.DynamicNull))
            {
                cols = "two";
            }
        }
        <div class="row @cols">
            <div class="col">

                @if (multiUrlPickerDyn.Any())
                {
                    foreach (var link in multiUrlPickerDyn)
                    {
                        linkUrl = link.Url;
                        linkName = link.Name;

                    }
                }
                @if (CurrentPage.image1Support != null && !(CurrentPage.image1Support is Umbraco.Core.Dynamics.DynamicNull))
                {
                    var m = Umbraco.Media(CurrentPage.image1Support);
                    //@m.GetResponsiveImageUrl(472, 268)
                    <div class="img-holder">

                        <a href="@linkUrl"><img src="~/ImageGen.ashx?image=@m.Url&width=472&height=268&crop=resize&align=center" alt="@m.alt"></a>

                    </div>
                }
                <p>@Umbraco.Field("text1Support")</p>



                <a href="@linkUrl" class="btn-default"><span>@linkName</span></a>
            </div>
            @if (cols == "two")
            {

                <div class="col">
                    @{
                        multiUrlPickerDyn = CurrentPage.link2Support;
                        linkUrl = "";
                        linkName = "";

                    }
                    @if (multiUrlPickerDyn.Any())
                    {
                        foreach (var link in multiUrlPickerDyn)
                        {
                            linkUrl = link.Url;
                            linkName = link.Name;

                        }
                    }
                    @if (CurrentPage.image2Support != null && !(CurrentPage.image2Support is Umbraco.Core.Dynamics.DynamicNull))
                    {
                        var m = Umbraco.Media(CurrentPage.image2Support);
                        //@m.GetResponsiveImageUrl(472, 268)

                        <div class="img-holder">
                            <a href="@linkUrl"><img src="~/ImageGen.ashx?image=@m.Url&width=472&height=268&crop=resize&align=center" alt="@m.alt"></a>
                        </div>
                    }
                    <p>@Umbraco.Field("text2Support")</p>




                    <a href="@linkUrl" class="btn-default"><span>@linkName</span></a>
                </div>

                        }
        </div>

    </div>
</div>
</div>