p {
    font-size: 1em;
    line-height: 1.2em;
    margin-bottom: 18px
}

#mgmenu1 {
    z-index: 12
}

#mgmenu2 {
    margin-top: 12px;
    z-index: 11
}

.mgmenu_container,
.mgmenu_footer {
    width: 100%;
    height: 48px;
    z-index: 10;
    text-shadow: 1px 1px 1px #edcec2;
    -webkit-border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    border-radius: 20px 20px 20px 20px;
    border-right-width: 2px;
    border-bottom-width: 0;
    border-left-width: 2px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #4f1c11;
    border-right-color: #ffda35;
    border-bottom-color: #4f1c11;
    border-left-color: #ffda35;
    border-top-width: 0;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    -moz-box-shadow: 0 0 6px 1px #4e1b0f inset;
    -webkit-box-shadow: 0 0 6px 1px #4e1b0f inset;
    box-shadow: inset 0 0 6px 1px #4e1b0f;
    background: #e1e2ef;
    background: -moz-linear-gradient(top, rgba(225, 226, 239, 1) 0, rgba(186, 186, 196, 1) 56%, rgba(158, 157, 165, 1) 80%, rgba(137, 137, 142, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(225, 226, 239, 1)), color-stop(56%, rgba(186, 186, 196, 1)), color-stop(80%, rgba(158, 157, 165, 1)), color-stop(100%, rgba(137, 137, 142, 1)));
    background: -webkit-linear-gradient(top, rgba(225, 226, 239, 1) 0, rgba(186, 186, 196, 1) 56%, rgba(158, 157, 165, 1) 80%, rgba(137, 137, 142, 1) 100%);
    background: -o-linear-gradient(top, rgba(225, 226, 239, 1) 0, rgba(186, 186, 196, 1) 56%, rgba(158, 157, 165, 1) 80%, rgba(137, 137, 142, 1) 100%);
    background: -ms-linear-gradient(top, rgba(225, 226, 239, 1) 0, rgba(186, 186, 196, 1) 56%, rgba(158, 157, 165, 1) 80%, rgba(137, 137, 142, 1) 100%);
    background: linear-gradient(to bottom, rgba(225, 226, 239, 1) 0, rgba(186, 186, 196, 1) 56%, rgba(158, 157, 165, 1) 80%, rgba(137, 137, 142, 1) 100%);
    color: #691f0e;
/*    box-shadow: 0px 2px 15px 3px hsl(0deg 0% 0% / 80%); */
}

.mgmenu_container {
    position: relative;
    margin: 0 auto
}

.mgmenu_footer {
    width: inherit;
    max-width: inherit;
    position: fixed;
    top: 0
}

.mgmenu_footer {
    top: auto;
    bottom: 0
}

.mgmenu {
    font-family: Marcellus, serif;
    font-size: 1em;
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
    line-height: 1;
    margin-left: 0.5em;
}

.mgmenu>li {
    float: left;
    margin: 0;
    padding-right: 15px;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    -o-transition: background .3s;
    -ms-transition: background .3s;
    transition: background .3s
}

.mgmenu>li:hover {
    color: #0067ba
}

.mgmenu>li>a,
.mgmenu>li>span {
    display: block;
    color: #900;
    text-shadow: 1px 1px 1px #edcec2;
    font-size: .9em;
    outline: 0;
    text-decoration: none;
    padding: .8em 0 0 .9em;
    font-weight: 700
}

.mgmenu>li>a:first-of-type {
    padding-left: 1.45rem;
}

@media only screen and (max-width:767px) {
    
    .mgmenu>li>a,
.mgmenu>li>span {
    padding-left: 1.45rem;

}
}


.mgmenu>li>a:focus,
.mgmenu>li>a:hover,
.mgmenu>li>span:hover {
    cursor: pointer;
    color: #0067ba;
    outline: 0
}

.mgmenu>li.right_item {
    float: right;
    margin-right: 0
}

.mgmenu_container>.mgmenu>li.mgmenu_button,
.mgmenu_footer>.mgmenu>li.mgmenu_button {
    display: none;
    cursor: pointer;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
    font-weight: 700;
    background-color: transparent;
    background-image: url(https://alchemyoracle.com/img/toggle.png);
    background-repeat: no-repeat;
    background-position: 96% 10px;
    line-height: 12px;
    padding: 17px 4% 14px 4%;
    color: #fff;
    text-shadow: 1px 1px 1px #98989b
}

.mgmenu_trigger {
    position: fixed;
    z-index: 2;
    right: 0;
    margin-right: 20px;
    width: 35px;
    height: 30px;
    display: block;
    margin-top: 0;
    margin-bottom: 10;
    margin-left: auto
}

.mgmenu_trigger {
    top: 0;
    border-bottom-width: 0;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #ffc03d;
    border-right-color: #ffc03d;
    border-bottom-color: #ffda35;
    border-left-color: #ffc03d;
    border-top-width: 1px;
    -moz-box-shadow: inset 0 0 12px 1px #4e1b0f;
    -webkit-box-shadow: inset 0 0 12px 1px #4e1b0f;
    box-shadow: inset 0 0 12px 1px #4e1b0f;
    -moz-border-radius: 15px 15px 0 0;
    -webkit-border-radius: 15px 15px 0 0;
    border-radius: 15px 15px 0 0;
    -khtml-border-radius: 15px;
    background-color: #e1e2ef;
    border-right-width: 1px
}

.mgmenu_footer~.mgmenu_trigger {
    top: auto;
    bottom: 0;
    background-image: url(https://alchemyoracle.com/img/button_down.png)
}

.mgmenu li .dropdown_container {
    position: absolute;
    top: auto;
    display: none;
    float: left;
    zoom: 1;
    z-index: 10;
    margin: 0 0 40px -1px;
    padding: 20px 0 6px 0;
    border-right-width: 2px;
    border-bottom-width: 0;
    border-left-width: 2px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #80574e;
    border-right-color: #80574e;
    border-bottom-color: #80574e;
    border-left-color: #80574e;
    border-top-width: 0;
    -moz-box-shadow: 0 0 12px 1px #4e1b0f inset;
    -webkit-box-shadow: 0 0 12px 1px #4e1b0f inset;
    box-shadow: inset 0 0 12px 1px #4e1b0f;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    -khtml-border-radius: 30px;
    background-color: #e1e2ef
}

.mgmenu li .dropdown_container {
    left: auto
}

.mgmenu li.right_item .dropdown_container {
    left: auto;
    right: -1px
}

.mgmenu_footer .mgmenu>li .dropdown_container {
    margin: 13px 0 0 -1px;
    top: auto;
    bottom: auto;
    border-right-width: 2px;
    border-bottom-width: 0;
    border-left-width: 2px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #80574e;
    border-right-color: #80574e;
    border-bottom-color: #80574e;
    border-left-color: #80574e;
    border-top-width: 0;
    -moz-box-shadow: 0 0 12px 1px #4e1b0f inset;
    -webkit-box-shadow: 0 0 12px 1px #4e1b0f inset;
    box-shadow: inset 0 0 12px 1px #4e1b0f;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    -khtml-border-radius: 30px;
    background-color: #e1e2ef
}

.mgmenu>li.right_item:hover .dropdown_container,
.mgmenu>li:hover .dropdown_container {
    display: block
}

.mgmenu li .dropdown_2columns {
    width: 16.6667%;
    padding-left: 1.8333%;
    padding-right: 1.8333%
}

.mgmenu li .dropdown_3columns {
    width: 25%;
    padding-left: 1.5%;
    padding-right: 1.5%
}

.mgmenu li .dropdown_4columns {
    width: 30%;
    padding-left: 1.666%;
    padding-right: 1.666%
}

.mgmenu li .dropdown_5columns {
    width: 41.6667%;
    padding-left: 1.166%;
    padding-right: 1.166%
}

.mgmenu li .dropdown_6columns {
    width: 50%;
    padding-left: 1%;
    padding-right: 1%
}

.mgmenu li .dropdown_7columns {
    width: 58.3334%;
    padding-left: .833%;
    padding-right: .833%
}

.mgmenu li .dropdown_8columns {
    width: 66.6667%;
    padding-left: .666%;
    padding-right: .666%
}

.mgmenu li .dropdown_9columns {
    width: 75%;
    padding-left: .5%;
    padding-right: .5%
}

.mgmenu li .dropdown_10columns {
    width: 83.3334%;
    padding-left: .333%;
    padding-right: .333%
}

.mgmenu li .dropdown_11columns {
    width: 91.6667%;
    padding-left: .1666%;
    padding-right: .1666%
}

.mgmenu .col_1,
.mgmenu .col_10,
.mgmenu .col_11,
.mgmenu .col_12,
.mgmenu .col_2,
.mgmenu .col_3,
.mgmenu .col_4,
.mgmenu .col_5,
.mgmenu .col_6,
.mgmenu .col_7,
.mgmenu .col_8,
.mgmenu .col_9 {
    float: left;
    display: inline;
    position: relative;
    padding-left: 2%;
    padding-right: 2%
}

.mgmenu .col_1 {
    width: 4.33%
}

.mgmenu .col_2 {
    width: 12.66%
}

.mgmenu .col_3 {
    width: 21%
}

.mgmenu .col_4 {
    width: 29.33%
}

.mgmenu .col_5 {
    width: 37.66%
}

.mgmenu .col_6 {
    width: 46%
}

.mgmenu .col_7 {
    width: 54.33%
}

.mgmenu .col_8 {
    width: 62.66%
}

.mgmenu .col_9 {
    width: 71%
}

.mgmenu .col_10 {
    width: 79.33%
}

.mgmenu .col_11 {
    width: 87.66%
}

.mgmenu .col_12 {
    width: 96%
}

.mgmenu h1,
.mgmenu h2,
.mgmenu h3,
.mgmenu h4,
.mgmenu h5,
.mgmenu h6,
.mgmenu p {
    padding: 0;
    margin: 0;
    font-weight: 400;
    color: #900;
    text-shadow: 1px 1px 1px #cccdd1;
    margin-bottom: 18px
}

.mgmenu h1,
.mgmenu h2,
.mgmenu h3,
.mgmenu h4,
.mgmenu h5,
.mgmenu h6 {
    font-family: Georgia, Times, "Times New Roman", serif
}

.mgmenu p {
    font-size: .8em
}

.mgmenu h1 {
    font-size: 1.6em
}

.mgmenu h2 {
    font-size: 1.5em
}

.mgmenu h3 {
    font-size: 1.4em;
    color: #811e05
}

.mgmenu h4 {
    font-size: 1.2em
}

.mgmenu h5 {
    font-size: 1em
}

.mgmenu h6 {
    font-size: 14px;
    text-transform: uppercase
}

.mgmenu a {
    text-decoration: none;
    color: #900;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -o-transition: color .3s;
    -ms-transition: color .3s;
    transition: color .3s
}

.mgmenu a:hover {
    color: #0067ba
}

.mgmenu a:focus {
    background: 0 0
}

.mgmenu>li ul {
    padding: 0 0 0 18px;
    margin: 0 0 18px 0
}

.mgmenu>li ul {
    list-style: square
}

.mgmenu>li ul li {
    font-size: 12px;
    line-height: 22px;
    position: relative;
    color: #222;
    text-shadow: 1px 1px 1px #fff
}

.mgmenu .text_box {
    width: 84%;
    background: #fff;
    padding: 12px 8% 12px 8%;
    -webkit-box-shadow: 0 1px 1px #bbb;
    -moz-box-shadow: 0 1px 1px #bbb;
    -o-box-shadow: 0 1px 1px #bbb;
    box-shadow: 0 1px 1px #bbb
}

.mgmenu .text_box_brown {
    background: #b2aa9f
}

.mgmenu .text_box_brown {
    color: #fff;
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

.mgmenu .img_description {
    text-align: center;
    font-style: italic;
    margin-top: -6px;
    font-family: Georgia, Times, "Times New Roman", serif
}

.mgmenu img {
    border: none;
    margin-top: 3px;
}

.mgmenu .contact_form {
    display: block;
    margin-bottom: 10px
}

.mgmenu .contact_form .required {
    color: #c00
}

.mgmenu .contact_form .button {
    padding: 7px 12px;
    margin: 9px 12px 0 0;
    white-space: nowrap;
    font-size: 11px;
    text-transform: uppercase;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #000;
    color: #fff;
    background-color: #222;
    text-shadow: 0 1px 1px #000;
    -webkit-transition: background-color .3s;
    -moz-transition: background-color .3s;
    -o-transition: background-color .3s;
    -ms-transition: background-color .3s;
    transition: background-color .3s
}

.mgmenu .contact_form .button:active {
    color: #fff
}

.mgmenu .contact_form .button:focus,
.mgmenu .contact_form .button:hover {
    color: #fff;
    background-color: #1a1a1a
}

@media only screen and (min-width:768px) and (max-width:984px) {
    .mgmenu>li {
        padding-right: 10px
    }

    .mgmenu>li>a,
    .mgmenu>li>span {
        padding-left: 10px
    }
}

@media only screen and (min-width:768px) {

    .mgmenu_container .mgmenu>li,
    .mgmenu_footer .mgmenu>li {
        display: block !important
    }

    .mgmenu_container>.mgmenu>li.mgmenu_button,
    .mgmenu_footer>.mgmenu>li.mgmenu_button {
        display: none !important
    }
}

@media only screen and (max-width:767px) {

    .mgmenu_container,
    .mgmenu_footer {
        width: 100%;
        height: auto;
        margin: 0;
        position: relative;
        left: auto;
        top: auto;
        bottom: auto
    }

    .mgmenu_container .mgmenu>li,
    .mgmenu_footer .mgmenu>li {
        float: none;
        width: auto;
        border: none;
        display: none;
        padding: 0
    }

    .mgmenu_container>.mgmenu>li.mgmenu_button,
    .mgmenu_footer>.mgmenu>li.mgmenu_button {
        display: block
    }

    .mgmenu>li>a,
    .mgmenu>li>span {
        display: block
    }

    .mgmenu>li .dropdown_container,
    .mgmenu_footer .mgmenu>li .dropdown_container {
        position: absolute;
        top: auto;
        bottom: auto;
        width: 100%;
        margin: 0 0 0 -1px;
        -webkit-border-radius: 0 0 3px 3px;
        -moz-border-radius: 0 0 3px 3px;
        border-radius: 0 0 3px 3px;
        -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .05);
        -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .05);
        -o-box-shadow: 0 2px 2px rgba(0, 0, 0, .05);
        box-shadow: 0 2px 2px rgba(0, 0, 0, .05);
        border: 1px solid #ccc;
        border-top: none;
        font-family: Marcellus, serif;
        background: linear-gradient(90deg, #ccccd7, #c4c4cf, #ccccd7);
        box-shadow: inset 2px 2px 13px 0 hsl(11.43deg 67.74% 18.24% / 12.16%);
        margin-inline: auto;
        border-radius: 25px;
        margin: 1px;
        max-width: calc(100% - 4px)
    }

    .mgmenu li .dropdown_10columns,
    .mgmenu li .dropdown_11columns,
    .mgmenu li .dropdown_2columns,
    .mgmenu li .dropdown_3columns,
    .mgmenu li .dropdown_4columns,
    .mgmenu li .dropdown_5columns,
    .mgmenu li .dropdown_6columns,
    .mgmenu li .dropdown_7columns,
    .mgmenu li .dropdown_8columns,
    .mgmenu li .dropdown_9columns {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .mgmenu .col_1,
    .mgmenu .col_10,
    .mgmenu .col_11,
    .mgmenu .col_12,
    .mgmenu .col_2,
    .mgmenu .col_3,
    .mgmenu .col_4,
    .mgmenu .col_5,
    .mgmenu .col_6,
    .mgmenu .col_7,
    .mgmenu .col_8,
    .mgmenu .col_9 {
        width: 92%;
        margin-left: 4%;
        margin-right: 4%;
        padding: 0;
        float: left;
        display: block
    }

    .mgmenu_trigger {
        display: none
    }

    .mgmenu .img_description {
        text-align: left
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2) {

    .mgmenu_container>.mgmenu>li.mgmenu_button,
    .mgmenu_footer>.mgmenu>li.mgmenu_button {
        background-size: 28px 28px;
        background-image: url(https://alchemyoracle.com/img/toggle@2x.png)
    }

    .mgmenu_trigger {
        background-size: 35px 35px;
        background-image: url(https://alchemyoracle.com/img/button_up@2x.png)
    }

    .mgmenu_footer~.mgmenu_trigger {
        background-size: 35px 35px;
        background-image: url(https://alchemyoracle.com/img/button_down@2x.png)
    }
}

#homebutton {
    width: 30px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 23px;
    margin-top: 7px;
    text-align: center
}

#copyrightbox p {
    line-height: 12px
}

#social {
    float: right;
    width: auto;
    padding: 0;
    overflow: hidden;
    margin-top: 10px;
    margin-right: 5px;
    margin-bottom: 0;
    margin-left: 30px
}

#social li {
    margin-right: 12px;
    float: left;
    width: 24px;
    padding: 0;
    height: 32px;
    list-style: none
}

#social li:hover {
    margin-top: -1px
}

a.tooltip:hover {
    text-decoration: none
}

a.tooltip span {
    display: none;
    padding: 5px;
    bottom: 5px;
    position: relative;
    width: 80px;
    text-align: center;
    border-right-width: 2px;
    border-bottom-width: 0;
    border-left-width: 2px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #80574e;
    border-right-color: #80574e;
    border-bottom-color: #80574e;
    border-left-color: #80574e;
    border-top-width: 0;
    -moz-box-shadow: 0 0 2px 1px #4e1b0f inset;
    -webkit-box-shadow: 0 0 2px 1px #4e1b0f inset;
    box-shadow: inset 0 0 2px 1px #4e1b0f;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -khtml-border-radius: 4px;
    background-color: #e1e2ef
}

a.tooltip:hover span {
    display: block;
    position: absolute;
    border: 1px solid #161616;
    color: #900;
    font-size: 12px;
    margin-left: -20px;
    border-right-width: 2px;
    border-bottom-width: 0;
    border-left-width: 2px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #80574e;
    border-right-color: #80574e;
    border-bottom-color: #80574e;
    border-left-color: #80574e;
    border-top-width: 0;
    -moz-box-shadow: 0 0 4px 1px #4e1b0f inset;
    -webkit-box-shadow: 0 0 4px 1px #4e1b0f inset;
    box-shadow: inset 0 0 4px 1px #4e1b0f;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    -khtml-border-radius: 7px;
    background-color: #e1e2ef
}