/* probably want to start off with this every time */
    #content {
        background-color: white;
    }

    #content-container {
        display: grid;
        width: 1080px;
        margin: 0 auto;
    }

    #content-social-media-container {
        display: flex;
        flex-wrap: wrap;
        column-gap: 10px;
    }

    #title-social-media-container {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    #section-1 h2 {
        font-size: 42px;
        color: black;
    }

    #jump-to-container {
        min-height: 20px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        border-top-style: solid;
        border-bottom-style: solid;
        border-color: #395b89;
        padding-left: 26px;
        padding-right: 26px;
        padding-top: 15px;
        padding-bottom: 15px;
        margin-bottom: 37px;
    }

    /* #jump-to-container p {
        margin: 0;
        padding: 0;
        font-size: 22px;
        font-weight: 700;
    } */

    /* #jump-to-container a:nth-of-type(1) {
        margin-left: auto;
    } */

    /* #jump-to-container a {
        font-size: 22px;
        font-weight: 700;
        padding-left: 10px;
    } */

    .social-media-img {
        height: 36px;
        width: 36px;
    }

    .social-media-img.hover {
        cursor: pointer;
    }

    #content-main-image-container {
        position: relative;
        width: 1080px;
        height: 371px;
        margin: 0 auto;
        /* background-image: url(https://cdn-607863f4c1ac183a8cdc78e5.closte.com/wp-content/uploads/2018/05/CoverPhoto.jpg); */
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    #content-icon {
        width: 75px;
        height: 75px;
        position: absolute;
        bottom: -30px;
        left: 40px;
        border-radius: 100%;
        /* border-color: white; */
        /* border-style: solid; */
        /* border-width: 5px; */
    }

    #section-2 {
        margin-top: 40px;
        display: grid;
        grid-template-columns: 450px 630px;
    }

    #info-address-container {
        width: 378px;
    }

    #address {
        font-size: 22px;
        font-weight: 700;
    }

    .blue-button {
        /* margin-top: 30px; */
        background-color: #395b89;
        color: white;
        font-family: 'Quicksand', sans-serif;
        height: 50px;
        width: 100%;
        max-width: 378.61px;
        font-size: 20px;
        border-style: none;
        border-radius: 4px;
        padding: 5px;
        display: inline-block;
    }

    .collapse {
        background-color: lightgray;
        margin-bottom: 15px;
        height: 64px;
    }

    #info-address-icon-container {
        margin-bottom: 15px;
    }

    #info-address-icon-container img:nth-child(2) {
        margin-left: 15px;
    }

    #about-us-container {
        padding-left: 60px;
        border-left: solid;
        border-color: #395b89;
        border-width: 3px;
        padding-bottom: 60px;
    }

    #about-us-title {
        font-size: 36px;
        font-weight: 700;
        margin-bottom: 8px;
        margin-top: 18px;
    }

    #about-us-description {
        font-size: 22px;
        font-weight: 700;
        margin-top: 0px;
    }

    #business-type-container {
        display: flex;
        column-gap: 24px;
        flex-wrap: wrap;
    }

    #products-label {
        font-size: 36px;
        font-weight: 700;
        color: rgb(116, 183, 67);
    }

    .desc-text {
        font-size: 22px;
        color: rgb(102,102,102);
        font-weight: 500;
    }

    /* .v-expansion-panel-title__overlay {
        color: white !important;
    } */

    /*first break, tablet type stuff*/
    @media only screen and (max-width: 1170px) {
        #content-container {
            width: 80vw;
        }

        #content-main-image-container {
            width: 80vw;
        }

        #section-2 {
            grid-template-columns: 35vw 45vw;
        }

        #info-address-container {
            width: 30vw;
        }

    }

    /*phone break, everything single column*/
    @media only screen and (max-width: 786px) {
        #content-container {
            width: 90vw;
        }

        #content-main-image-container {
            width: 90vw;
        }

        #section-2 {
            /* margin-top: 40px; */
            grid-template-columns: auto;
        }

        #title-social-media-container {
            display: block;
        }

        #info-address-container {
            width: 90vw;
            margin: 0 auto;
        }

        /* #info-address-container h2,h3 {
            text-align: center;
        } */

        #about-us-container {
            padding-left: 0px;
            border-left: none;
            padding-bottom: 30px;
        }

        #title-social-media-container h2 {
            margin-bottom: 10px;
            margin-top: 20px;
            font-size: 26px;
            font-weight: 500;
            text-align: center;
        }

        #content-social-media-container {
            padding-top: 0px;
            margin-bottom: 10px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        #jump-to-container {
            margin-bottom: 20px;
        }

        #address {
            margin-top: 10px;
        }
    }

/* social meida stuff */
.social-media-icon-small-rounded {
    font-size: 25px !important;
    padding: 8px !important;
    border-radius: 100% !important;
    transition: all 0.3s ease !important;
}

#content-social-media-container .fa-twitter {
    background-color: #1DA1F2;
    color: white;
}

.fa-tiktok {
    /* background-color: 	black; */
    color: white;
    margin-left: 2px;
    background-color: black;
}

#content-social-media-container .fa-instagram {
    /* background-color: rgb(53, 114, 155); */
    color: white;
    margin-left: 1.7px;
    background-color: rgb(53, 114, 155);
}

/* .insta {
    background-color: rgb(53, 114, 155);
} */

.fa-pinterest {
    color: white;
    background-color: rgb(201, 34, 40);
}

/* .pinterest {
    background-color: rgb(201, 34, 40);
} */

.fa-facebook {
    color: white;
    /* padding: 7px; */
    background-color: #395b89;
    margin-left: .5px !important;
    margin-bottom: .5px !important;
}

/* .facebook {
    background-color: rgb(59, 89, 153) !important;
} */

.fa-rss {
    color: white;
    margin-left: 1px;
    background-color: rgb(51, 51, 51);
}

/* .blog {
    background-color: rgb(51, 51, 51);
} */

.social-media-icon-small-rounded:hover {
    color: rgb(236, 27, 46) !important;
    cursor: pointer;
}

.social-container-small-rounded {
    width: 41px !important;
    height: 41px !important;
    border-radius: 100%;
}

/* .tiktok {
    background-color: black;
} */




 /* Styling the three events section */
		.events {
			height: 100%;
			background: rgb(51 90 143);
			box-sizing: border-box;
		}

		/* Styling the links of 
		the events section */
		.events ul {
			margin: 0;
			padding: 40px;
			box-sizing: border-box;
		}

		/* Styling the lists of the event section */
		.events ul li {
			list-style: none;
			background: #fff;
			box-sizing: border-box;
			/*height: 330px;*/
            display: flex; 
			margin: 15px 0;
		}

		/* Styling the time class of events section */
		.events ul li .time {
        position: relative;
        padding: 20px;
        background: #262626;
        background-size: cover; /* Cover the entire div, might crop the image */
        background-position: center; /* Center the background image */
        box-sizing: border-box;
        width: 30%;
        /*height: 100%;*/
        float: left;
        text-align: center;
        transition: .5s;
		}

		/* Styling the hover effect
			of events section */
		 /* .events ul li:hover .time {
			background: #e91e63;
		} */

		/* Styling the header of time 
			class of events section */
		 .events ul li .time h2 {
			position: absolute;
			margin: 0;
			padding: 0;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			color: #fff;
			font-size: 60px;
			line-height: 30px;
		}

		/* Styling the texts of time 
		class of events section */
		 .events ul li .time h2 span {
			font-size: 30px;
		}

		/* Styling the details 
		class of events section */
		 .events ul li .details {
			padding: 20px;
			background: #fff;
			box-sizing: border-box;
			width: 70%;
			height: 100%;
			float: left;
		}

		/* Styling the header of the 
		details class of events section */
		 .events ul li .details h3 {
			position: relative;
			margin: 0;
			padding: 0;
			font-size: 22px;
		}

		/* Styling the lists of details 
		class of events section */
		 .events ul li .details p {
			position: relative;
			margin: 10px 0 0;
			padding: 0;
			font-size: 16px;
		}

		/* Styling the links of details
		class of events section */
		 .events ul li .details a {
			display: inline-block;
			font-size: 18px;
			transition: .5s;
		}