* {
            box-sizing: border-box;
        }
        
        body {
            background-color: rgb(244, 240, 203);
        }
        
        @media only screen and (max-width:620px) {
            /* For mobile phones: */
            .body {
                background-color: rgb(14, 5, 2);
            }
        }
        
        .menu {
            float: left;
            width: 20%;
            text-align: center;
        }
        
        .menu a {
            background-color: rgb(183, 198, 139);
            padding: 8px;
            margin-top: 7px;
            display: block;
            width: 100%;
            color: black;
            font-size: 1.2vw;
        }
        
        @media only screen and (max-width:620px) {
            /* For mobile phones: */
            .menu a {
                width: 100%;
                font-size: 5vw;
            }
        }
        
        .right {
            background-color: rgb(183, 198, 139);
            float: left;
            width: 20%;
            padding: 15px;
            margin-top: 7px;
            text-align: left;
            color: black;
            font-size: 1.2vw;
        }
        
        @media only screen and (max-width:620px) {
            /* For mobile phones: */
            .right {
                width: 100%;
                font-size: 5vw;
            }
        }
        
        .main {
            float: left;
            width: 60%;
            margin-top: 7px;
            padding: 0 20px;
            background-color: rgb(14, 5, 2);
            color: rgb(244, 240, 203);
        }
        
        .headingcontainer {
            width: 100%;
            position: relative;
            text-align: center;
            color: black;
        }
        
        .headingimagecontainer {
            position: relative;
            text-align: center;
            color: rgb(14, 5, 2);
        }
        
        @media only screen and (max-width:620px) {
            /* For mobile phones: */
            .menu,
            .main {
                width: 100%;
            }
        }
        
        .theviolinshoptitle {
            font-size: 6vw;
            font-family: 'Charm';
            color: rgb(244, 240, 203);
            line-height: 50%;
        }
        
        @media only screen and (max-width:620px) {
            /* For mobile phones: */
            .theviolinshoptitle {
                font-size: 14vw;
                white-space: nowrap;
                width: 100%;
                line-height: 20%;
            }
        }
        
        .blackpooltitle {
            font-size: 5vw;
            font-family: 'Charm';
            color: rgb(244, 240, 203);
            line-height: 40%;
        }
        
        @media only screen and (max-width:620px) {
            /* For mobile phones: */
            .blackpooltitle {
                font-size: 10vw;
                width: 100%;
            }
        }
        
        .hgeorgetitle {
            font-size: 2vw;
            font-family: Verdana, Geneva, sans-serif;
            color: rgb(244, 240, 203);
            line-height: 90%;
        }
        
        @media only screen and (max-width:620px) {
            /* For mobile phones: */
            .hgeorgetitle {
                font-size: 4vw;
                width: 100%;
            }
        }
        
        .restorerstitle {
            font-size: 1vw;
            font-family: Verdana, Geneva, sans-serif;
            color: rgb(244, 240, 203);
        }
        
        @media only screen and (max-width:620px) {
            /* For mobile phones: */
            .restorerstitle {
                font-size: 4vw;
                width: 100%;
            }
        }
        
        .headingimagecontainer {
            position: relative;
            text-align: center;
            color: black;
        }
        
        .titleimage {
            display: block;
            margin-left: auto;
            margin-right: auto;
            position: relative;
            width: 30%;
        }
        
        @media only screen and (max-width:620px) {
            /* For mobile phones: */
            .titleimage {
                width: 100%;
            }
        }
        /* Centered text */
        
        .centered {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
        
        @media only screen and (max-width:620px) {
            /* For mobile phones: */
            .centered {
                width: 100%;
                position: absolute;
            }
        }