* {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-family: 'Nunito', sans-serif;
    }
    
    header {
        width: 100%;
        height: 100vh;
        background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url('../images/homeImage.jpg');
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .logo {
        margin-left: 30px;
    }
    
    nav {
        width: 100%;
        height: 15vh;
        color: white;
        background: rgba(0, 0, 0, 0.4456);
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-transform: uppercase;
        position: fixed;
        margin: 0;
    }
    
    nav .menu {
        width: 40%;
        display: flex;
        justify-content: space-around;
    }
    
    nav .menu a {
        margin-left: auto;
        width: 25%;
        text-decoration: none;
        color: white;
        font-weight: bold;
    }
    
    main {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        color: white;
    }
    
    section h3 {
        font-size: 35px;
        font-weight: 200;
        letter-spacing: 3px;
        text-shadow: 1px 1px 2px black;
    }
    
    section h1 {
        margin: 30px 0 20px 0;
        font-size: 55px;
        font-weight: 700;
        text-shadow: 2px 1px 5px black;
        text-transform: uppercase;
    }
    
    section p {
        font-size: 25px;
        word-spacing: 2px;
        margin-bottom: 25px;
        text-shadow: 1px 1px 1px black;
        text-transform: uppercase;
    }
    
    .picture-card {
        box-shadow: 0 4px 8px 0 grey;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin: auto;
    }
    
    .picture-card:hover {
        -ms-transform: scale(1.05);
        /* IE 9 */
        -webkit-transform: scale(1.05);
        /* Safari 3-8 */
        transform: scale(1.05);
    }
    
    .productsHeading:hover {
        -ms-transform: scale(1.2);
        /* IE 9 */
        -webkit-transform: scale(1.2);
        /* Safari 3-8 */
        transform: scale(1.2);
    }
    
    .text-box {
        padding: 10px;
        color: white;
        background-color: black;
    }
    
    .text-box h2 {
        color: antiquewhite;
    }
    
    .text-box p {
        color: black;
    }
    
    .leftSection {
        display: flex;
        margin: 10px 10px 10px 10px;
    }
    /*.sectionTwo {
        background-color: white;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(12, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 15px;
    }
    
    .sectionTwodiv1 {
        margin: 70px 50px 60px 90px;
        width: 80%;
        height: 10%;
        align-items: center;
        grid-area: 1 / 1 / 2 / 2;
    }
    
    .sectionTwodiv2 {
        margin: 70px 50px 60px 90px;
        width: 80%;
        height: 10%;
        grid-area: 2 / 1 / 3 / 2;
    }
    
    .sectionTwodiv3 {
        margin: 70px 50px 60px 90px;
        width: 80%;
        height: 10%;
        grid-area: 3 / 1 / 4 / 2;
    }
    
    .sectionTwodiv4 {
        margin: 70px 50px 60px 90px;
        width: 80%;
        height: 10%;
        grid-area: 4 / 1 / 5 / 2;
    }
    
    .sectionTwodiv5 {
        margin: 70px 50px 60px 90px;
        width: 80%;
        height: 10%;
        grid-area: 5 / 1 / 6 / 2;
    }
    
    .sectionTwodiv6 {
        margin: 70px 50px 60px 90px;
        width: 80%;
        height: 10%;
        grid-area: 6 / 1 / 7 / 2;
    }
    
    .sectionTwodiv7 {
        margin: 70px 50px 60px 90px;
        width: 80%;
        height: 10%;
        grid-area: 7 / 1 / 8 / 2;
    }
    
    .sectionTwodiv8 {
        margin: 70px 50px 60px 90px;
        width: 80%;
        height: 10%;
        grid-area: 8 / 1 / 9 / 2;
    }
    
    .sectionTwodiv9 {
        margin: 70px 50px 60px 90px;
        width: 80%;
        height: 10%;
        grid-area: 9 / 1 / 10 / 2;
    }
    
    .sectionTwodiv10 {
        margin: 70px 50px 60px 90px;
        width: 80%;
        height: 10%;
        grid-area: 10 / 1 / 11 / 2;
    }
    
    .sectionTwodiv11 {
        margin: 70px 50px 60px 90px;
        width: 80%;
        height: 10%;
        grid-area: 11 / 1 / 12 / 2;
    }
    
    .sectionTwodiv12 {
        margin: 70px 50px 60px 90px;
        width: 80%;
        height: 10%;
        grid-area: 12 / 1 / 13 / 2;
    }*/
    
    .sectionTwo {
        margin-top: 100px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(4, 1fr);
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }
    
    .sectionTwodiv1 {
        grid-area: 1 / 1 / 2 / 2;
    }
    
    .sectionTwodiv2 {
        grid-area: 1 / 2 / 2 / 3;
    }
    
    .sectionTwodiv3 {
        grid-area: 1 / 3 / 2 / 4;
    }
    
    .sectionTwodiv4 {
        grid-area: 2 / 3 / 3 / 4;
    }
    
    .sectionTwodiv5 {
        grid-area: 2 / 2 / 3 / 3;
    }
    
    .sectionTwodiv6 {
        grid-area: 2 / 1 / 3 / 2;
    }
    
    .sectionTwodiv7 {
        grid-area: 3 / 1 / 4 / 2;
    }
    
    .sectionTwodiv8 {
        grid-area: 3 / 2 / 4 / 3;
    }
    
    .sectionTwodiv9 {
        grid-area: 3 / 3 / 4 / 4;
    }
    
    .sectionTwodiv10 {
        grid-area: 4 / 1 / 5 / 2;
    }
    
    .sectionTwodiv11 {
        grid-area: 4 / 2 / 5 / 3;
    }
    
    .sectionTwodiv12 {
        grid-area: 4 / 3 / 5 / 4;
    }
    /*.footer {
        margin-top: -50px;
        left: 0;
        bottom: 0;
        width: 100%;
        background-color: white;
        color: teal;
        text-align: center;
    }*/
    
    .social {
        padding: 30px;
        display: flex;
        width: 24%;
        align-items: center;
        margin: auto;
        justify-content: space-around;
    }
    
    .social a {
        font-size: 24px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        display: inline-block;
        text-align: center;
        border-radius: 50%;
        border: 1px solid #ccc;
        margin: 0 8px;
        color: inherit;
        opacity: 0.75;
    }
    
    .list-inline {
        padding: 30px;
        display: flex;
        width: 50%;
        margin: auto;
        justify-content: space-around;
    }
    
    .list-inline a {
        width: 10%;
        text-decoration: none;
        font-weight: bold;
        color: #4b4c4d;
    }
    
    .copyright {
        margin: auto;
        width: 40%;
        padding-bottom: 30px;
        text-align: center;
        font-weight: bold;
        color: #4b4c4d;
    }
    
    .contact {
        margin: auto;
        width: 40%;
        padding-bottom: 30px;
        text-align: center;
        font-weight: bold;
        color: #4b4c4d;
    }
    
    .address {
        margin: auto;
        width: 100%;
        padding-bottom: 30px;
        text-align: center;
        font-weight: bold;
        color: #4b4c4d;
    }
    
    .dropdown {
        position: relative;
        display: inline-block;
    }
    
    .dropdown-content {
        display: none;
        position: absolute;
        background-color: #f1f1f1;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        z-index: 1;
    }
    
    .dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }
    
    .dropdown-content a:hover {
        background-color: #ddd;
    }
    
    .dropdown:hover .dropdown-content {
        display: block;
    }
    
    .dropdown:hover .dropdown {
        background-color: #3e8e41;
    }
    
    .dropbtn {
        width: 25%;
        text-decoration: none;
        color: white;
        font-weight: bold;
    }
    
    .footer a:hover {
        -ms-transform: scale(1.5);
        /* IE 9 */
        -webkit-transform: scale(1.5);
        /* Safari 3-8 */
        transform: scale(1.5);
    }
    
    .menu a:hover {
        -ms-transform: scale(1.65);
        /* IE 9 */
        -webkit-transform: scale(1.65);
        /* Safari 3-8 */
        transform: scale(1.65);
    }