/* =========================================================
   TAPCO STONE COATED METAL ROOFING
   GLOBAL STYLES
========================================================= */

:root {

    --black:
        #0b0d0d;

    --charcoal:
        #151918;

    --deep:
        #101313;

    --red:
        #d92520;

    --red-dark:
        #a91916;

    --white:
        #ffffff;

    --muted:
        rgba(255,255,255,.72);

    --gold:
        #d9b36a;

    --border:
        rgba(255,255,255,.14);

    --container:
        1320px;

    --header-height:
        92px;

}


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


html {
    scroll-behavior: smooth;
}


body {

    font-family:
        "DM Sans",
        sans-serif;

    background:
        var(--black);

    color:
        var(--white);

    overflow-x: hidden;

}


img {

    max-width: 100%;

    display: block;

}


a {

    color: inherit;

    text-decoration: none;

}


button,
input,
textarea,
select {

    font: inherit;

}


button {

    border: 0;

    cursor: pointer;

}


.container {

    width:
        min(
            calc(100% - 80px),
            var(--container)
        );

    margin:
        0 auto;

}


::selection {

    background:
        var(--red);

    color:
        #fff;

}