/*
Copyright Robertson's Plumbing & Gasfitting 2024
Created By Tiger Lily Web Services 2024
Fort Saskatchewan, Alberta, Canada
*/

/*#region Small Screen Size (320px-749px)*/

/*#region Variables*/
:root
{
    --red: #D1332A;
    --dark-grey: #3D3D3D;
    --white: #F8F8F8;
    --med-grey: #D9D9D9;
}
/*#endregion Variables*/

/*#region Typography*/
body, a
{
    font-family: 'Roboto', sans-serif;
    color: black;
}

a
{
    text-decoration: none;
}

button
{
    cursor: pointer;
}

section.logos h2{
    font-size: 1.5rem;
    line-height: 1.75rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    text-align: center;
}

/*#endregion Typography*/

section.intro{
    background-image: url(../img/industrial-sm.jpg);
}

section.logos .inner-container{
    padding: 2rem 1rem;
    max-width: 808px;
}

section.logos .divider{
    width: 100%;
    height: 1px;
    background-color: var(--med-grey);
    margin: auto;
    margin-bottom: 1.5rem;
    max-width: 600px;
}

section.logos img,
section.logos svg{
    height: 41px;
    width: auto;
    margin: 0rem 0.75rem 1.25rem 0.75rem;
}

section.logos .logo-container{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

/* #endregion */

/*#region Medium Screen Size (750px-1159px)*/

@media only screen and (min-width: 750px)
{
    section.intro{
        background-image: url(../img/industrial-med.jpg);
    }

}

/*#endregion Medium Screen Size (750px-1159px)*/

/*#region Large Screen Size (1160px-1439px)*/

@media only screen and (min-width: 1160px)
{
    section.intro{
        background-image: url(../img/industrial-lg.jpg);
    }

    section.logos h2{
        font-size: 2rem;
    }

    section.logos .inner-container{
        padding: 3rem 1rem;
    }

    section.logos .divider{
        max-width: 808px;
    }

}

/*#endregion Large Screen Size (1190px-1439px)*/

/*#region Extra Large Screen Size (1440px)*/

@media only screen and (min-width: 1440px)
{

}

/*#endregion Extra Large Screen Size (1440px)*/