@import url('https://fonts.googleapis.com/css2?family=Oleo+Script:wght@700&display=swap');
        @import url('https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap');

        #header--container {
            z-index: 1 !important;
            background-color: #3498db !important;
            height: 100px !important;
            box-shadow: 0px 5px 0px #bdc3c7 !important;
        }

        #header--title {
            text-align: center !important;
            font-size: 75px !important;
            font-family: 'Oleo Script', cursive !important;
            color: white !important;
            text-shadow: 5px 5px 3px hsla(0, 0%, 0%, 0.3) !important;
	    padding-top: 0px !important;
        }

        img {
            display: block !important;
            margin-left: auto !important;
            margin-right: auto !important;
            width: 50% !important;
            z-index: -1 !important;
            padding-top: 20px !important;
            padding-bottom: 20px !important;
        }

        .warning--container {
            padding-top: 10px !important;
            padding-bottom: 10px !important;
            background-color: #e74c3c !important;
        }

        #warning--text {
            font-family: 'Roboto Slab', serif !important;
            margin: auto !important;
            width: 50% !important;
            padding: 10px !important;
            font-size: 18px !important;
            text-align: center !important;
        }

        .hide {
            display: none !important;
        }

        #desc--container {
            padding-top: 20px !important;
            padding-bottom: 20px !important;
            padding-right: 15% !important;
            padding-left: 15% !important;
            background-color: #ecf0f1 !important;
        }

        #desc--header {
            text-align: left !important;
            font-size: 50px !important;
            font-family: 'Oleo Script', cursive !important;
            color: black !important;
        }

        hr {
            border: 3px solid #121212 !important;
        }

        #desc--text {
            padding-top: 10px !important;
            padding-bottom: 10px !important;
            font-size: 24px !important;
            font-family: 'Roboto Slab', serif !important;
        }

        #contact--container {
            padding-top: 20px !important;
            padding-bottom: 20px !important;
            padding-right: 15% !important;
            padding-left: 15% !important;
        }

        #contact--header {
            text-align: left !important;
            font-size: 40px !important;
            font-family: 'Oleo Script', cursive !important;
            color: #121212 !important;
        }

        #contact--text {
            padding-top: 10px !important;
            padding-bottom: 10px !important;
            font-size: 20px !important;
            font-family: 'Roboto Slab', serif !important;
            color: #121212 !important;
        }

        #shipping--container {
            padding-top: 20px !important;
            padding-bottom: 20px !important;
            padding-right: 15% !important;
            padding-left: 15% !important;
        }

        #shipping--header {
            text-align: left !important;
            font-size: 40px !important;
            font-family: 'Oleo Script', cursive !important;
            color: #121212 !important;
        }

        #shipping--text {
            padding-top: 10px !important;
            padding-bottom: 10px !important;
            font-size: 20px !important;
            font-family: 'Roboto Slab', serif !important;
            color: #121212 !important;
        }

        #footer--container {
            padding-top: 25px !important;
            padding-bottom: 25px !important;
            background-color: #40739e !important;
        }

        #footer--text {
            text-align: center !important;
            font-size: 20px !important;
            font-family: 'Roboto Slab', serif !important;
        }

        @media only screen and (max-width: 1200px) {
            #warning--text {
                margin: auto !important;
                width: 80% !important;
                padding: 10px !important;
                font-size: 18px !important;
                text-align: center !important;
            }
        }

        @media only screen and (max-width: 768px) {
            img {
                width: 90% !important;
            }
            #desc--container {
                padding-top: 20px !important;
                padding-bottom: 20px !important;
                padding-right: 5% !important;
                padding-left: 5% !important;
            }
            #contact--container {
                padding-top: 20px !important;
                padding-bottom: 20px !important;
                padding-right: 5% !important;
                padding-left: 5% !important;
            }
            #shipping--container {
                padding-top: 20px !important;
                padding-bottom: 20px !important;
                padding-right: 5% !important;
                padding-left: 5% !important;
            }
            #warning--text {
                margin: auto !important;
                width: 90% !important;
                padding: 10px !important;
                font-size: 18px !important;
                text-align: center !important;
            }
        }