.content-panel {
    padding: 0px;
    margin: 0px;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

.title-lg {
    clear: both;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    display: block;
    text-align: justify;
    font-size: 3.5em;
    /*margin-top: 0.83em;
            margin-bottom: 0.83em;
            margin-left: 0;
            margin-right: 0;*/
    margin-top: 0.83em;
    margin-bottom: 0.83em;
    font-weight: bold;
    color: red;
    background-color: transparent;
}

@media (max-width: 767px) {
    .title-lg {
        font-size: 2.5em;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .title-lg {
        font-size: 2.85em;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .title-lg {
        font-size: 3.2em;
    }
}

@media (min-width: 1200px) {
    .title-lg {
        font-size: 3.5em;
    }
}

.title-rg, .title-rg-middle {
    clear: both;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    display: block;
    text-align: justify;
    font-size: 2.25em;
    /*margin-top: 1em;
            margin-bottom: 1em;
            margin-left: 0;
            margin-right: 0;*/
    margin-top: 0.83em;
    margin-bottom: 0.83em;
    font-weight: bold;
    font-family: Aldhabi;
    color: purple;
    background-color: transparent;
}

.title-rg-middle {
    text-align: center;
}

@media (max-width: 767px) {
    .title-rg, .title-rg-middle {
        font-size: 1.8em;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .title-rg, .title-rg-middle {
        font-size: 2.15em;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .title-rg, .title-rg-middle {
        font-size: 2.4em;
    }
}

@media (min-width: 1200px) {
    .title-rg, .title-rg-middle {
        font-size: 2.8em;
    }
}

.text-block {
    /*clear: both;*/
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    display: inline-block;
    text-align: justify;
    font-size: 1.75em;
    /*margin-top: 1em;
            margin-bottom: 1em;
            margin-left: 0;
            margin-right: 0;*/
    margin-bottom: 0.83em;
    /*font-family: 'Ink Free';*/
    background-color: transparent;
    /*border: 1px solid orange;*/
}

    .text-block p, .text-block li {
        /*clear: both;*/
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        text-align: justify;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: transparent;
        /*border: 1px solid #ff6a00;*/
    }

.box-border {
    /*clear: both;*/
    border: 1px solid #cbcaca;
    box-shadow: inset;
    margin: 2px 15px 15px 15px;
    border-radius: 5px;
}

.box-border-left {
    /*clear: both;*/
    margin: 0px;
    padding: 0px;
    margin-left: 100px;
    /*border: 1px solid red;*/
    /*font-size: 0.8em;*/
}

@media (max-width: 249px) {
    .text-block, .text-block p, .text-block li, .box-border, .box-border-left {
        font-size: 0.95em;
    }
}

@media (min-width: 250px) and (max-width: 499px) {
    .text-block, .text-block p, .text-block li, .box-border, .box-border-left {
        font-size: 1.05em;
    }
}

@media (min-width: 500px) and (max-width: 767px) {
    .text-block, .text-block p, .text-block li, .box-border, .box-border-left {
        font-size: 1.30em;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .text-block, .text-block p, .text-block li, .box-border, .box-border-left {
        font-size: 1.35em;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .text-block, .text-block p, .text-block li, .box-border, .box-border-left {
        font-size: 1.40em;
    }
}

@media (min-width: 1200px) {
    .text-block, .text-block p, .text-block li, .box-border, .box-border-left {
        font-size: 1.45em;
    }
}

.paragraph-img-right, .paragraph-img-person-right {
    float: right;
    padding-left: 20px;
    height: 210px;
}

.paragraph-img-person-right {
    float: right;
    padding-right: 20px;
    height: 400px;
}

@media (max-width: 767px) {
    .paragraph-img-right {
        float: right;
        padding-left: 5px;
        height: 10px;
    }

    .paragraph-img-person-left {
        float: right;
        padding-right: 5px;
        height: 270px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .paragraph-img-right {
        float: right;
        padding-left: 14px;
        height: 120px;
    }

    .paragraph-img-person-left {
        float: right;
        padding-right: 14px;
        height: 310px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .paragraph-img-right {
        float: right;
        padding-left: 17px;
        height: 160px;
    }

    .paragraph-img-person-left {
        float: right;
        padding-right: 17px;
        height: 350px;
    }
}

@media (min-width: 1200px) {
    .paragraph-img-right {
        float: right;
        padding-left: 20px;
        height: 210px;
    }

    .paragraph-img-person-left {
        float: right;
        padding-left: 20px;
        height: 400px;
    }
}

.paragraph-img-left, .paragraph-img-person-left {
    float: left;
    padding-right: 20px;
    height: 210px;
}

.paragraph-img-person-left {
    float: left;
    padding-right: 20px;
    height: 400px;
}

@media (max-width: 767px) {
    .paragraph-img-left {
        float: left;
        padding-right: 12px;
        height: 80px;
    }

    .paragraph-img-person-left {
        float: left;
        padding-right: 12px;
        height: 270px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .paragraph-img-left {
        float: left;
        padding-right: 14px;
        height: 120px;
    }

    .paragraph-img-person-left {
        float: left;
        padding-right: 14px;
        height: 310px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .paragraph-img-left {
        float: left;
        padding-right: 17px;
        height: 160px;
    }

    .paragraph-img-person-left {
        float: left;
        padding-right: 17px;
        height: 350px;
    }
}

@media (min-width: 1200px) {
    .paragraph-img-left {
        float: left;
        padding-right: 20px;
        height: 210px;
    }

    .paragraph-img-person-left {
        float: left;
        padding-right: 20px;
        height: 400px;
    }
}

/*.text-block p:before,
.text-block p:after {
    content: "   ";
}*/

.background-color-top {
    /*background-image: linear-gradient(rgba(255, 0, 0, 1.00), rgba(178, 0, 255, 1.00));*/
    /*background: radial-gradient(circle, rgba(255,255,255,1) 76%, rgba(255,0,0,1) 88%, rgba(54,9,121,1) 97%);*/
    /*background: rgb(255,255,255);
    background: -moz-linear-gradient(25deg, rgba(255,255,255,0.17705108359133126) 90%, rgba(255,0,0,1) 96%, rgba(54,9,121,1) 98%);
    background: -webkit-linear-gradient(25deg, rgba(255,255,255,0.17705108359133126) 90%, rgba(255,0,0,1) 96%, rgba(54,9,121,1) 98%);
    background: linear-gradient(25deg, rgba(255,255,255,0.17705108359133126) 90%, rgba(255,0,0,1) 96%, rgba(54,9,121,1) 98%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#360979",GradientType=1);*/
    background: rgb(255,255,255);
    background: -moz-linear-gradient(25deg, rgba(255,255,255,0.17705108359133126) 90%, rgba(255,0,0,1) 95%, rgba(143,43,172,1) 98%);
    background: -webkit-linear-gradient(25deg, rgba(255,255,255,0.17705108359133126) 90%, rgba(255,0,0,1) 95%, rgba(143,43,172,1) 98%);
    background: linear-gradient(25deg, rgba(255,255,255,0.17705108359133126) 90%, rgba(255,0,0,1) 95%, rgba(143,43,172,1) 98%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#8f2bac",GradientType=1);
}

@media (max-width: 249px) {
    .background-color-top {
        background: rgb(255,255,255);
        background: -moz-linear-gradient(25deg, rgba(255,255,255,0.17705108359133126) 88.33%, rgba(255,0,0,1) 93.33%, rgba(143,43,172,1) 96.33%);
        background: -webkit-linear-gradient(25deg, rgba(255,255,255,0.17705108359133126) 88.33%, rgba(255,0,0,1) 93.33%, rgba(143,43,172,1) 96.33%);
        background: linear-gradient(25deg, rgba(255,255,255,0.17705108359133126) 88.33%, rgba(255,0,0,1) 93.33%, rgba(143,43,172,1) 96.33%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#8f2bac",GradientType=1);
    }
}

@media (min-width: 250px) and (max-width: 499px) {
    .background-color-top {
        background: rgb(255,255,255);
        background: -moz-linear-gradient(25deg, rgba(255,255,255,0.17705108359133126) 88.66%, rgba(255,0,0,1) 93.66%, rgba(143,43,172,1) 96.66%);
        background: -webkit-linear-gradient(25deg, rgba(255,255,255,0.17705108359133126) 88.66%, rgba(255,0,0,1) 93.66%, rgba(143,43,172,1) 96.66%);
        background: linear-gradient(25deg, rgba(255,255,255,0.17705108359133126) 88.66%, rgba(255,0,0,1) 93.66%, rgba(143,43,172,1) 96.66%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#8f2bac",GradientType=1);
    }
}

@media (min-width: 500px) and (max-width: 767px) {
    .background-color-top {
        background: rgb(255,255,255);
        background: -moz-linear-gradient(25deg, rgba(255,255,255,0.17705108359133126) 89%, rgba(255,0,0,1) 94%, rgba(143,43,172,1) 97%);
        background: -webkit-linear-gradient(25deg, rgba(255,255,255,0.17705108359133126) 89%, rgba(255,0,0,1) 94%, rgba(143,43,172,1) 97%);
        background: linear-gradient(25deg, rgba(255,255,255,0.17705108359133126) 89%, rgba(255,0,0,1) 94%, rgba(143,43,172,1) 97%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#8f2bac",GradientType=1);
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .background-color-top {
        background: rgb(255,255,255);
        background: -moz-linear-gradient(25deg, rgba(255,255,255,0.17705108359133126) 89.33%, rgba(255,0,0,1) 94.33%, rgba(143,43,172,1) 97.33%);
        background: -webkit-linear-gradient(25deg, rgba(255,255,255,0.17705108359133126) 89.33%, rgba(255,0,0,1) 94.33%, rgba(143,43,172,1) 97.33%);
        background: linear-gradient(25deg, rgba(255,255,255,0.17705108359133126) 89.33%, rgba(255,0,0,1) 94.33%, rgba(143,43,172,1) 97.33%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#8f2bac",GradientType=1);
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .background-color-top {
        background: rgb(255,255,255);
        background: -moz-linear-gradient(25deg, rgba(255,255,255,0.17705108359133126) 89.66%, rgba(255,0,0,1) 94.66%, rgba(143,43,172,1) 97.66%);
        background: -webkit-linear-gradient(25deg, rgba(255,255,255,0.17705108359133126) 89.66%, rgba(255,0,0,1) 94.66%, rgba(143,43,172,1) 97.66%);
        background: linear-gradient(25deg, rgba(255,255,255,0.17705108359133126) 89.66%, rgba(255,0,0,1) 94.66%, rgba(143,43,172,1) 97.66%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#8f2bac",GradientType=1);
    }
}

@media (min-width: 1200px) {
    .background-color-top {
        background: rgb(255,255,255);
        background: -moz-linear-gradient(25deg, rgba(255,255,255,0.17705108359133126) 90%, rgba(255,0,0,1) 95%, rgba(143,43,172,1) 98%);
        background: -webkit-linear-gradient(25deg, rgba(255,255,255,0.17705108359133126) 90%, rgba(255,0,0,1) 95%, rgba(143,43,172,1) 98%);
        background: linear-gradient(25deg, rgba(255,255,255,0.17705108359133126) 90%, rgba(255,0,0,1) 95%, rgba(143,43,172,1) 98%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#8f2bac",GradientType=1);
    }
}

.background-color-bottom {
    /*background-image: linear-gradient(rgba(255, 0, 0, 1.00), rgba(178, 0, 255, 1.00));*/
    /*background: radial-gradient(circle, rgba(255,255,255,1) 76%, rgba(255,0,0,1) 88%, rgba(54,9,121,1) 97%);*/
    /*background: rgb(255,255,255);
    background: -moz-linear-gradient(170deg, rgba(255,255,255,0.17705108359133126) 90%, rgba(255,0,0,1) 96%, rgba(54,9,121,1) 98%);
    background: -webkit-linear-gradient(170deg, rgba(255,255,255,0.17705108359133126) 90%, rgba(255,0,0,1) 96%, rgba(54,9,121,1) 98%);
    background: linear-gradient(170deg, rgba(255,255,255,0.17705108359133126) 90%, rgba(255,0,0,1) 96%, rgba(54,9,121,1) 98%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#360979",GradientType=1);*/
    background: rgb(255,255,255);
    background: -moz-linear-gradient(170deg, rgba(255,255,255,0.17705108359133126) 90%, rgba(255,0,0,1) 95%, rgba(143,43,172,1) 98%);
    background: -webkit-linear-gradient(170deg, rgba(255,255,255,0.17705108359133126) 90%, rgba(255,0,0,1) 95%, rgba(143,43,172,1) 98%);
    background: linear-gradient(170deg, rgba(255,255,255,0.17705108359133126) 90%, rgba(255,0,0,1) 95%, rgba(143,43,172,1) 98%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#8f2bac",GradientType=1);
}

.background-image {
    background-image: url('../Images/GensokuDojo_Background_12_Opacity.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: fixed;
}

.building-address-map {
    background-image: url('../Images/Building_With_Arrow.png');
    background-size: contain;
    width: 700px;
}

@media (max-width: 249px) {
    .building-address-map {
        width: 300px;
    }
}

@media (min-width: 250px) and (max-width: 499px) {
    .building-address-map {
        width: 400px;
    }
}

@media (min-width: 500px) and (max-width: 767px) {
    .building-address-map {
        width: 500px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .building-address-map {
        width: 600px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .building-address-map {
        width: 700px;
    }
}

@media (min-width: 1200px) {
    .building-address-map {
        width: 700px;
    }
}