/* firearms.css - Default CSS layout */

/* Reset some basic elements */
    body, h1, h2, h3, h4, h5, h6, p, ul, ol, li {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

/* Body styling */
    body {
        background-color: blanchedalmond;
        width: 100%;
        font-family: "Chakra Petch", sans-serif;
    }

    h1 {
        font-size: 30px;
        text-align: center;
        font-family: "Chakra Petch", sans-serif;
    }

    h2 {
        font-size: 30px;
        text-align: center;
        font-family: "Chakra Petch", sans-serif;
        color: red;
    }

    h3 {
        font-size: 20px;
        font-family: "Chakra Petch", sans-serif;
    }

    .container {
        background: greenyellow;
        margin: 1%;
        border-radius: 10px;
        padding: 20px;
        box-shadow: 0 5px 5px 5px rgba(0,0,0,0.1);
        display: flex;
    }

    .heading_text {
        /* background-color:blue; */
        width: 100%;
        margin-left: 20px;
    }

    .brand_container {
        background: greenyellow;
        margin: 1%;
        border-radius: 10px;
        padding: 20px;
        box-shadow: 0 5px 5px 5px rgba(0,0,0,0.1);
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }

    .brand1 {
        /* background-color: turquoise; */
        border: 1px solid black;
        padding: 5px;
    }

    .brand1:hover img {
        transform: scale(1.075);
    }

    .brand2 {
        /* background-color:aquamarine; */
        border: 1px solid black;
        padding: 5px;
    }

    .brand2:hover img {
        transform: scale(1.075);
    }

    .brand3 {
        /* background-color:blue; */
        border: 1px solid black;
        padding: 5px;
    }

    .brand3:hover img {
        transform: scale(1.075);
    }

    .brand4 {
        /* background-color:blueviolet; */
        border: 1px solid black;
        padding: 5px;
    }

    .brand4:hover img {
        transform: scale(1.075);
    }

    .brand5 {
        /* background-color:brown; */
        border: 1px solid black;
        padding: 5px;
    }

    .brand5:hover img {
        transform: scale(1.075);
    }

    .brand6 {
        /* background-color:burlywood; */
        border: 1px solid black;
        padding: 5px;
    }

    .brand6:hover img {
        transform: scale(1.075);
    }

    .home_link {
        text-align: center;
        margin-top: 30px;
        font-size: 20px;
        font-family: "Chakra Petch", sans-serif;    
        text-decoration: none;
        flex-basis: 100%;
        width: 100%;
    }

    .brand_container2 {
        background: greenyellow;
        margin: 1%;
        border-radius: 10px;
        padding: 20px;
        box-shadow: 0 5px 5px 5px rgba(0,0,0,0.1);
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }

    .brand7 {
        /* background-color: turquoise; */
        border: 1px solid black;
        padding: 5px;
    }

    .brand7:hover img {
        transform: scale(1.075);
    }

    .brand8 {
        /* background-color:aquamarine; */
        border: 1px solid black;
        padding: 5px;
    }

    .brand8:hover img {
        transform: scale(1.05);
    }

    .brand9 {
        /* background-color:blue; */
        padding: 5px;
    }

    .brand9:hover img {
        transform: scale(1.075);
    }

    .brand10 {
        /* background-color:blueviolet; */
        padding: 5px;
    }

    .brand10:hover img {
        transform: scale(1.075);
    }

    .brand11 {
        /* background-color:brown; */
        padding: 5px;
    }

    .brand11:hover img {
        transform: scale(1.075);
    }

    .brand12 {
        /* background-color:burlywood; */
        padding: 5px;
    }

    .brand12:hover img {
        transform: scale(1.075);
    }