body{
    background-color:#efefef;
}
header{
    margin:0px;
    padding:0px;
}
main{
    margin-top:68px;
}
footer{
    margin-top:64px;
    padding:0px;
}
@media only screen and (max-width:900px) {
    footer{
        margin-top:16px;
    }
}
/* ==== */
.width{
    max-width:1200px;
    margin:auto;
}
.width-s{
    max-width:600px;
    margin:auto;
}
/* ==== */
@font-face {
    font-family:'myfont-Monotype-Corsiva';
    src: url(../FONT/Monotype-Corsiva.woff2);
}
@font-face {
    font-family:'myfont-Montserrat-Regular';
    src: url(../FONT/Montserrat-Regular.woff);
}
@font-face {
    font-family:'myfont-Montserrat-Bold';
    src: url(../FONT/Montserrat-Bold.woff);
}
@font-face {
    font-family:'myfont-Montserrat-Black';
    src: url(../FONT/Montserrat-Black.woff);
}
/* ==== */
.color-style-RA{
    color:#7E5796;
}
.color-style-ME{
    color:#B38647;
}
#color-style-RA{
    color:#7E5796;
}
#color-style-ME{
    color:#B38647;
}
/* ==== */
.nav{
    font-family:'myfont-Montserrat-Regular';
    font-size:12px;
    line-height:1.0;

    background-color:#202020;
    color:#d0d0d0;
    
    margin:0px;
    padding:8px;
}
ul {
    list-style:none;
    text-align:center;
    padding:0;
}
li {
    display:inline;
    margin:0;
    padding-left:12px;
    padding-right:12px;
}
li a {
    display:inline-block;
    text-align:center;
    text-decoration:none;
}
.li-nav a:hover{
    color:#fff;
}
/* ==== */
.banner-top-RA{
    background-color:#7E5796;
    border:16px solid #fff;

    margin:0px;
    padding:8px;
}
.banner-top-ME{
    background-color:#B38647;
    border:16px solid #fff;

    margin:0px;
    padding:8px;
}
.banner-top-inner{
    text-align:center;

    margin:8px;
    padding-top:120px;
    padding-left:8px;
    padding-right:8px;
    padding-bottom:120px;
}
@media only screen and (max-width:900px) {
    .banner-top-inner{
        margin:0px;
        padding-top:80px;
        padding-left:4px;
        padding-right:4px;
        padding-bottom:80px;
    }
  }
.banner-top-text-area{
    text-align:center;
    margin:16px;
}
@media only screen and (max-width:900px) {
    .banner-top-text-area{
        margin:8px;
    }
}
.banner-top-text-s{
    font-family:'myfont-Montserrat-Bold';
    font-size:30px;
    line-height:1.1;
    color:#fff;
}
@media only screen and (max-width:900px) {
    .banner-top-text-s{
        font-size:16px;
    }
}
.banner-top-text-l{
    font-family:'myfont-Montserrat-Bold';
    font-size:80px;
    line-height:1.1;
    color:#fff;
}
@media only screen and (max-width:900px) {
    .banner-top-text-l{
        font-size:40px;
    }
}
/* ==== */
.banner-bottom{
    background-color:#202020;
    border:16px solid #fff;

    margin:0px;
    padding:8px;
}
.banner-bottom-inner{
    text-align:center;

    margin:8px;
    padding-top:48px;
    padding-left:8px;
    padding-right:8px;
    padding-bottom:48px;
}
@media only screen and (max-width:900px) {
    .banner-bottom-inner{
        margin:0px;
        padding-top:32px;
        padding-left:4px;
        padding-right:4px;
        padding-bottom:32px;
    }
  }
/* ==== */
.section-title{
    font-family:'myfont-Montserrat-Bold';
    font-size:64px;
    line-height:1.0;
    text-align:center;
    
    color:#d0d0d0;
    
    margin:8px;
    padding-top:64px;
    padding-left:16px;
    padding-right:16px;
    padding-bottom:16px;

}
@media only screen and (max-width:900px) {
    .section-title{
        font-size:32px;
        
        padding-top:32px;
        padding-left:8px;
        padding-right:8px;
        padding-bottom:8px;
    }
}
/* ==== */
.card-RA{
    text-align:center;

    background-color:#fff;
    border:8px solid #7E5796;

    margin:16px 0px;
    padding:32px 16px;
}
.card-ME{
    text-align:center;

    background-color:#fff;
    border:8px solid #B38647;

    margin:16px 0px;
    padding:32px 16px;
}
.box{
    text-align:left;

    background-color:#fff;
    border:2px solid #ddd;

    margin:8px;
    padding:32px 32px;
}
@media only screen and (max-width:600px) {
    .box{
        margin:4px;
        padding:16px;
    }
}
/* ==== */
.card-title{
    font-family:'myfont-Monotype-Corsiva';
    font-weight:600;
    font-size:36px;
    line-height:1.0;
}
@media only screen and (max-width:900px) {
    .card-title{
        font-size:30px;
    }
}
.box-title{
    font-family:'myfont-Montserrat-Bold';
    font-size:18px;
    line-height:1.0;
    color:#202020;
}
@media only screen and (max-width:600px) {
    .box-title{
        font-size:16px;
    }
}
.box-text{
    font-family:'myfont-Montserrat-Regular';
    font-size:16px;
    line-height:1.5;
    color:#808080;
}
@media only screen and (max-width:600px) {
    .box-text{
        font-size:14px;
    }
}
.card-text{
    font-family:'myfont-Montserrat-Regular';
    font-size:16px;
    line-height:1.5;
    color:#808080;
}
@media only screen and (max-width:600px) {
    .card-text{
        font-size:14px;
    }
}
.banner-title{
    font-family:'myfont-Monotype-Corsiva';
    font-weight:400;
    font-size:36px;
    line-height:1.0;
    color:#fff;
}
@media only screen and (max-width:900px) {
    .banner-title{
        font-size:30px;
    }
}
.banner-text{
    font-family:'myfont-Montserrat-Regular';
    font-size:16px;
    line-height:1.5;
    color:#fff;
}
@media only screen and (max-width:900px) {
    .banner-text{
        font-size:14px;
    }
}
/* ==== */
.image-style{
    max-width:25%;
    height:auto;
    margin:16px;
  }
@media only screen and (max-width:900px) {
    .image-style{
        margin:8px;
    }
}
/* ==== */
a.anchor{
    display:block;
    position:relative;
    visibility:hidden;
}
a:link{
    background-color:transparent;
    text-decoration:none;
}
a:visited{
    background-color:transparent;
    text-decoration:none;
}
a:hover{
    background-color:transparent;
    text-decoration:none;
}
a:active{
    background-color:transparent;
    text-decoration:none;
}
/* ==== */