﻿body {
    background-color: rgba(240,240,240,1);
    display: block;
}

section#banner {
    background-color:rgba(58,58,58,1);
}
section#banner .container {
    height: auto;
}
section#banner .title > hr {
    width: 90%;
    height:4px;
    border-width:0;
    color:rgba(48,48,48,1);
    background-color:rgba(48,48,48,1);
}    
section#banner .title > p > a {
    /*display: none;*/
    color: white;
}
section#banner .title > p > a > sup > i.fa {
    font-size: 3px;
}
section#banner .title > p:hover ~ section#banner > div > h1 > a {
    display: block;
}

section#banner .title > p {
    color : white;
    font-family: 'pb';
    font-size: 4.5em;
    vertical-align: baseline;
}


section#photo-gallery {
    /*height: 266.4px;*/
    height: auto;
    text-align: center;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    background-color: transparent;
}

section#photo-gallery .container .row > div {
    padding-top: 7.5px;
    padding-bottom: 7.5px;
}
section#photo-gallery .p-gallery > a > img {
  /*  max-width: 266px;
    max-height: 266px;*/
    width: 100%;
    height: auto;
}


section#road-to-school {
    /*height: 552.4px;*/
    height: auto;
    text-align: center;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    background-color: white;
}
section#road-to-school .container {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
}
section#road-to-school .non-gallery {
    /*width:auto !important;*/
    height:552.4px;
    /*img max-width: 365px;*/
    padding-left: 10%;
    padding-right: 10%;
}
section#road-to-school .non-gallery > hr {
    height:4px;
    border-width:0;
    color:rgba(240,240,240,1);
    background-color:rgba(240,240,240,1);
} 
section#road-to-school .non-gallery > p#rts-heading {
    text-align: center;
    font-weight: bold;
}
section#road-to-school .non-gallery > p {
    font-size: 1.5em;
    vertical-align: baseline;
    font-family: 'pd';
    line-height: 1.4;
    /*font-weight: 700;*/
    color: rgba(31,33,65,1);
    text-align: left;
}
section#road-to-school .non-gallery > p > a {
    /*display: none;*/
    color: black;
}
section#road-to-school .non-gallery > p > a > sup > i.fa {
    font-size: 3px;
}
section#road-to-school .non-gallery > div > a > img {
    max-width: 365px;
    width: 100%;
    height: auto;
}
section#road-to-school .rts-gallery {
    height:552.4px;
}
section#road-to-school .rts-gallery > a > img {
    max-width: 365px;
    max-height: 542px;
    width: 100%;
    height: auto;
}


section#booking {
    background-color:transparent;
}

section#booking .title > hr {
    width: 90%;
    height:4px;
    border-width:0;
    color:white;
    background-color:white;
}    
section#booking .title > p {
    color: black;
    font-family: 'pd';
    -webkit-text-size-adjust: 100%;
    font-size: 3em;
    vertical-align: baseline;
}
section#booking .title > p > a#free-assessment-trial {
    font-weight: bold;
    color: black;
    text-decoration: underline;
}
section#booking .title > p > a {
        /*display: none;*/
        color: black;
}
section#booking .title > p > a > sup > i.fa {
    font-size: 3px;
}

section#help {
    background-color:rgba(58,58,58,1);
}
section#help .title > hr {
    width: 90%;
    height:4px;
    border-width:0;
    color:rgba(48,48,48,1);
    background-color:rgba(48,48,48,1);
}    
section#help .title > p {
    color: white;
    font-family: 'pd';
    -webkit-text-size-adjust: 100%;
    font-size: 3em;
    vertical-align: baseline;
}
section#help .title > p > a {
        /*display: none;*/
        color: white;
}
section#help .title > p > a > sup > i.fa {
    font-size: 3px;
}

section#cretificate-gallery {
    /*height: 266.4px;*/
    height: auto;
    text-align: center;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    background-color: transparent;
}

section#cretificate-gallery .container .row > div {
    padding-top: 7.5px;
    padding-bottom: 7.5px;
}
section#cretificate-gallery .c-gallery > a > img {
    max-width: 365px;
    max-height: 365px;
    width: 100%;
    height: auto;
}