 
 /* SoW */
    .SoWbanner {
        background-position: center;
        background-size: cover;
        cursor: pointer;
        padding: 20px;
        width: 100%;
        transition: 0.4s;
        background-image: url(/images/BG_SoW.jpg);
        border-bottom: 4px solid #20a583;
        border-radius: 20px 20px 20px 20px;
        position: relative;
        font-size: 1.2em;
    }
    .SoWcontent {
        padding: 0 20px;
        display: none;
        border-radius: 20px;
        transition: 0.4s;
        border-bottom: 10px solid #20a583;
    }
    .SoWbanneropen { /* Changes collapsible "button" style when content is open */
        border-radius: 20px 20px 0 0;
        border-bottom: 10px solid #a52020;
    }
    .SoWcontentshown {
        border-radius: 0 0 20px 20px;
    }
    .SoWiconopen { /* 'Expand' icon */
        font-size: 30px;
        color: #fff;
        transition: 0.4s;
        position: relative;
        left: 0px;
        bottom: 5px;
        box-shadow: 0 0 5px #000;
        background-color: #20a583;
        border-radius: 20px;
        width: 31.2px;
        line-height: 1;
        text-shadow: 1px 0 1px #000, 0 1px 1px #000, -1px 0 1px #000, 0 -1px 1px #000;
    }
    .SoWiconclose { /* 'Close' icon */
        transform: rotate(405deg);
        background-color: #a52020;
        color: #fff;
    }
/*----------------------------------------------------------------------------------------*/
     
 /* USURPER */
 .USURPERbanner {
    background-position: center;
    background-size: cover;
    cursor: pointer;
    padding: 20px;
    width: 100%;
    transition: 0.4s;
    background-image: url(/images/usurper_proj.jpg);
    border-bottom: 4px solid #364885;
    border-radius: 20px 20px 20px 20px;
    position: relative;
    font-size: 1.2em;
}
.USURPERcontent {
    padding: 0 20px;
    display: none;
    border-radius: 20px;
    transition: 0.4s;
    border-bottom: 10px solid #4861b4;
}
.USURPERbanneropen { /* Changes collapsible "button" style when content is open */
    border-radius: 20px 20px 0 0;
    border-bottom: 10px solid #a52020;
}
.USURPERcontentshown {
    border-radius: 0 0 20px 20px;
}
    .USURPERiconopen { /* 'Expand' icon */
        font-size: 30px;
        color: #fff;
        transition: 0.4s;
        position: relative;
        left: 0px;
        bottom: 5px;
        box-shadow: 0 0 5px #000;
        background-color: #20a583;
        border-radius: 20px;
        width: 31.2px;
        line-height: 1;
        text-shadow: 1px 0 1px #000, 0 1px 1px #000, -1px 0 1px #000, 0 -1px 1px #000;
    }
    .USURPERiconclose { /* 'Close' icon */
        transform: rotate(405deg);
        background-color: #a52020;
        color: #fff;
    }
    
/*----------------------------------------------------------------------------------------*/
     
 /* FFLLP */
 .FFLLPbanner {
    background-position: center;
    background-size: cover;
    cursor: pointer;
    padding: 20px;
    width: 100%;
    transition: 0.4s;
    background-image: url(/images/FFLLP_proj.jpg);
    border-bottom: 4px solid #e6d224;
    border-radius: 20px 20px 20px 20px;
    position: relative;
    font-size: 1.2em;
}
.FFLLPcontent {
    padding: 0 20px;
    display: none;
    border-radius: 20px;
    transition: 0.4s;
    border-bottom: 10px solid #e6d224;
}
.FFLLPbanneropen { /* Changes collapsible "button" style when content is open */
    border-radius: 20px 20px 0 0;
    border-bottom: 10px solid #a52020;
}
.FFLLPcontentshown {
    border-radius: 0 0 20px 20px;
}
    .FFLLPiconopen { /* 'Expand' icon */
        font-size: 30px;
        color: #fff;
        transition: 0.4s;
        position: relative;
        left: 0px;
        bottom: 5px;
        box-shadow: 0 0 5px #000;
        background-color: #20a583;
        border-radius: 20px;
        width: 31.2px;
        line-height: 1;
        text-shadow: 1px 0 1px #000, 0 1px 1px #000, -1px 0 1px #000, 0 -1px 1px #000;
    }
    .FFLLPiconclose { /* 'Close' icon */
        transform: rotate(405deg);
        background-color: #a52020;
        color: #fff;
    }

/*----------------------------------------------------------------------------------------*/
     
 /* SSLR */
 .SSLRbanner {
    background-position: center;
    background-size: cover;
    cursor: pointer;
    padding: 20px;
    width: 100%;
    transition: 0.4s;
    background-image: url(/images/modelmaking_feat.jpg);
    border-bottom: 4px solid #f0e68e;
    border-radius: 20px 20px 20px 20px;
    position: relative;
    font-size: 1.2em;
}
.SSLRcontent {
    padding: 0 20px;
    display: none;
    border-radius: 20px;
    transition: 0.4s;
    border-bottom: 10px solid #f0e68e;
}
.SSLRbanneropen { /* Changes collapsible "button" style when content is open */
    border-radius: 20px 20px 0 0;
    border-bottom: 10px solid #a52020;
}
.SSLRcontentshown {
    border-radius: 0 0 20px 20px;
}
    .SSLRiconopen { /* 'Expand' icon */
        font-size: 30px;
        color: #fff;
        transition: 0.4s;
        position: relative;
        left: 0px;
        bottom: 5px;
        box-shadow: 0 0 5px #000;
        background-color: #20a583;
        border-radius: 20px;
        width: 31.2px;
        line-height: 1;
        text-shadow: 1px 0 1px #000, 0 1px 1px #000, -1px 0 1px #000, 0 -1px 1px #000;
    }
    .SSLRiconclose { /* 'Close' icon */
        transform: rotate(405deg);
        background-color: #a52020;
        color: #fff;
    }

/*----------------------------------------------------------------------------------------*/
     
 /* SiS */
 .SiSbanner {
    background-position: center;
    background-size: cover;
    cursor: pointer;
    padding: 20px;
    width: 100%;
    transition: 0.4s;
    background-image: url(/images/SiS_proj.jpg);
    border-bottom: 4px solid #fa3838;
    border-radius: 20px 20px 20px 20px;
    position: relative;
    font-size: 1.2em;
}
.SiScontent {
    padding: 0 20px;
    display: none;
    border-radius: 20px;
    transition: 0.4s;
    border-bottom: 10px solid #fa3838;
}
.SiSbanneropen { /* Changes collapsible "button" style when content is open */
    border-radius: 20px 20px 0 0;
    border-bottom: 10px solid #a52020;
}
.SiScontentshown {
    border-radius: 0 0 20px 20px;
}
    .SiSiconopen { /* 'Expand' icon */
        font-size: 30px;
        color: #fff;
        transition: 0.4s;
        position: relative;
        left: 0px;
        bottom: 5px;
        box-shadow: 0 0 5px #000;
        background-color: #20a583;
        border-radius: 20px;
        width: 31.2px;
        line-height: 1;
        text-shadow: 1px 0 1px #000, 0 1px 1px #000, -1px 0 1px #000, 0 -1px 1px #000;
    }
    .SiSiconclose { /* 'Close' icon */
        transform: rotate(405deg);
        background-color: #a52020;
        color: #fff;
    }

/*----------------------------------------------------------------------------------------*/
     
 /* CHAPEL */
 .CHAPELbanner {
    background-position: center;
    background-size: cover;
    cursor: pointer;
    padding: 20px;
    width: 100%;
    transition: 0.4s;
    background-image: url(/images/oldchapel_proj.jpg);
    border-bottom: 4px solid #809c87;
    border-radius: 20px 20px 20px 20px;
    position: relative;
    font-size: 1.2em;
}
.CHAPELcontent {
    padding: 0 20px;
    display: none;
    border-radius: 20px;
    transition: 0.4s;
    border-bottom: 10px solid #809c87
}
.CHAPELbanneropen { /* Changes collapsible "button" style when content is open */
    border-radius: 20px 20px 0 0;
    border-bottom: 10px solid #a52020;
}
.CHAPELcontentshown {
    border-radius: 0 0 20px 20px;
}
    .CHAPELiconopen { /* 'Expand' icon */
        font-size: 30px;
        color: #fff;
        transition: 0.4s;
        position: relative;
        left: 0px;
        bottom: 5px;
        box-shadow: 0 0 5px #000;
        background-color: #20a583;
        border-radius: 20px;
        width: 31.2px;
        line-height: 1;
        text-shadow: 1px 0 1px #000, 0 1px 1px #000, -1px 0 1px #000, 0 -1px 1px #000;
    }
    .CHAPELiconclose { /* 'Close' icon */
        transform: rotate(405deg);
        background-color: #a52020;
        color: #fff;
    }

/*----------------------------------------------------------------------------------------*/