@media all and (min-width: 1440px)
/* Desktop */
    {
    .azure {
        margin-top: 5%;
    }

    .tech-tag {
        margin-right: 7%;
    }

    .industries-tag {
        margin-left: 7%;
    }

    .industries-tech {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        margin-top: 2%;
        color: white;
        gap: 2%;
        position: relative;
    }

    .industries {
        background-color: var(--FLGrey);
        border-radius: 40px;
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        grid-column-start: 1;
        grid-column-end: 7;
        padding: 5%;
        position: relative;
    }

    .dynamics {
        grid-column-start: 1;
        grid-column-end: 7;
        border-right: 1px solid white;
        line-height: 200%;
        padding-top: 5%;
        margin-top: 12%;
    }

    .azure {
        grid-column-start: 7;
        grid-column-end: 13;
        padding: 5%;
        line-height: 200%;
        padding-left: 15%;
    }

    .retail {
        grid-column-start: 7;
        grid-column-end: 13;
        margin-left: 25%;
        line-height: 200%;
        padding-top: 20%;
    }

    .manufacturing {
        line-height: 200%;
        padding-top: 20%;
        border-right: 1px solid white;
        grid-column-start: 1;
        grid-column-end: 7;
    }

    .tech {
        background-color: var(--FLGrey);
        border-radius: 40px;
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        grid-column-start: 7;
        grid-column-end: 13;
        padding: 5%;
        position: relative;
    }

    .manufacturing-small,
    .retail-small,
    .azure-small,
    .dynamics-small {
        display: none;
    }

}

@media all and (min-width: 1000px) and (max-width: 1440px)
/* tablet landscape */
    {
    .manufacturing {
        margin-top: 10%;
    }

    .retail {
        margin-top: 5%;
    }

    .azure {
        margin-top: 13%;
    }

    .tech-tag {
        margin-right: 7%;
    }

    .industries-tag {
        margin-left: 7%;
    }

    .industries-tech {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        margin-top: 2%;
        color: white;
        gap: 2%;
        position: relative;
    }

    .industries {
        background-color: var(--FLGrey);
        border-radius: 40px;
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        grid-column-start: 1;
        grid-column-end: 7;
        padding: 5%;
        position: relative;
    }

    .retail {
        grid-column-start: 7;
        grid-column-end: 13;
        margin-left: 25%;
        line-height: 200%;
        padding-top: 20%;
    }

    .manufacturing {
        line-height: 200%;
        padding-top: 20%;
        border-right: 1px solid white;
        grid-column-start: 1;
        grid-column-end: 7;
    }

    .tech {
        background-color: var(--FLGrey);
        border-radius: 40px;
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        grid-column-start: 7;
        grid-column-end: 13;
        padding: 5%;
        position: relative;

    }

    .dynamics {
        grid-column-start: 1;
        grid-column-end: 7;
        border-right: 1px solid white;
        line-height: 200%;
        padding-top: 5%;
        margin-top: 12%;
    }

    .azure {
        grid-column-start: 7;
        grid-column-end: 13;
        padding: 5%;
        line-height: 200%;
        padding-left: 15%;
    }

    .manufacturing-small,
    .retail-small,
    .azure-small,
    .dynamics-small {
        display: none;
    }
}

@media all and (min-width: 738px) and (max-width: 1000px)
/* tablet */
    {
    .manufacturing {
        margin-top: 15%;
    }

    .retail {
        margin-top: 5%;
    }

    .azure {
        margin-top: 13%;
    }

    .tech-tag {
        margin-right: 10%;
    }

    .industries-tag {
        margin-left: 10%;
    }

    .industries-tech {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        margin-top: 2%;
        color: white;
        gap: 2%;
        position: relative;

    }

    .industries {
        background-color: var(--FLGrey);
        border-radius: 40px;
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        grid-column-start: 1;
        grid-column-end: 7;
        padding: 5%;
        position: relative;
    }

    .manufacturing {
        line-height: 200%;
        padding-top: 20%;
        border-right: 1px solid white;
        grid-column-start: 1;
        grid-column-end: 7;
    }

    .retail {
        grid-column-start: 7;
        grid-column-end: 13;
        margin-left: 25%;
        line-height: 200%;
        padding-top: 20%;
    }

    .dynamics {
        grid-column-start: 1;
        grid-column-end: 7;
        border-right: 1px solid white;
        line-height: 200%;
        padding-top: 5%;
        margin-top: 12%;
    }

    .azure {
        grid-column-start: 7;
        grid-column-end: 13;
        padding: 5%;
        line-height: 200%;
        padding-left: 15%;
    }

    .tech {
        background-color: var(--FLGrey);
        border-radius: 40px;
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        grid-column-start: 7;
        grid-column-end: 13;
        padding: 5%;
        position: relative;
    }

    .manufacturing-small,
    .retail-small,
    .azure-small,
    .dynamics-small {
        display: none;
    }
}

@media all and (min-width: 50px) and (max-width: 738px)
/* phone */
    {
    .industries-tech {
        color: white;
        position: relative;
    }

    .industries {
        margin-top: 2%;
        background-color: var(--FLGrey);
        border-radius: 40px;
        padding: 5%;
        position: relative;
        line-height: 150%;
        padding-top: 10%;
    }

    .retail {
        grid-column-start: 7;
        grid-column-end: 13;
    }

    .tech {
        text-align: center;
        margin-top: 2%;
        background-color: var(--FLGrey);
        border-radius: 40px;
        padding: 5%;
        padding-top: 5%;
        position: relative;
        line-height: 300%;
    }

    .dynamics-small {
        margin-top: 10%;
        font-size: 13pt;
    }

    .manufacturing-small {
        margin-top: 3%;
    }

    .manufacturing,
    .retail,
    .azure,
    .dynamics {
        display: none;
    }
}

.industries-tag {
    background-color: var(--Stone);
    color: var(--FLGrey);
}

.tech-tag {
    background-color: var(--DarkBlue);
}