/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px)
{

}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (max-width: 800px)
{
    .font-subtitle {
        font-weight: 500;
        text-transform: uppercase;
        margin-top: 15px;
    }


    .land-info {
        grid-column: 2;

        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        grid-template-areas:
        "title"
        "left"
        "right"
        "icon";
    }

    .villa {
        grid-column: 2;

        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
        grid-template-areas:
        "title"
        "left"
        "right";
    }

    .floorplans {
        grid-column: 2;

        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        grid-template-areas:
        "title"
        "left-title"
        "left"
        "right";
    }

    .location {
        grid-column: 2;

        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto 1fr;
        grid-template-areas:
        "title"
        "left"
        "right";
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px)
{

}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px)
{

}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px)
{

}