.croydon-hero {
background-color: #27224e;
padding:0px 0;
color: #fff;
}


.croydon-hero h1 {
font-size: 52px;
font-weight: 700;
text-transform: uppercase;
line-height: 1.1;

}

.croydon-hero h1 span {
color: #54c3bd;
}

.croydon-hero h2 {
font-size: 32px;
margin-bottom: 30px;
}


.croydon-hero img {

}


.croydon-our-schools {
padding:60px 0;
}  


.croydon-why-choose {
background-color: #ddf2f1;
padding:60px 0;
}   


.croydon-upcoming-events {
padding:60px 0;
}   
.croydon-quotes {
background-color: #f9ae00;
background: url("images/croydon-quote.svg") no-repeat top 30px left 30px, url("images/croydon-quote-e.svg") no-repeat bottom 30px right 30px, radial-gradient(circle,rgba(255, 211, 92, 1) 0%, rgba(249, 174, 0, 1) 100%);
padding:60px 0;
}   

.card-logo {
    width: auto;
    height: 50px;
    margin: 2cap auto;
    display: block;
}

.croydon-our-schools h2, .croydon-why-choose h2, .croydon-upcoming-events h2, .croydon-quotes h2 {
    font-weight: 700;
    color: #27224e;
    font-size: 24px;
    text-align: center;
    margin-bottom: 60px;
}
.croydon-our-schools .btn-primary {
    background-color: #5ebfbc;
    border-color: #5ebfbc;
}

.croydon-our-schools .btn-primary:hover {
    background-color: #27224e;;;
    border-color: #27224e;;
}

.croydon-why-choose img  {
    width: 125px;
    height: auto;
    margin-bottom: 15px;
}

.croydon-why-choose h3  {
    font-weight: 700;
    color: #27224e; 
    font-size: 18px;
    text-transform: uppercase;
}

.croydon-upcoming-events h4 {
    font-weight: 700;
    color: #27224e;
    font-size: 18px;
}

.croydon-upcoming-events img {
    margin-right: 20px;
}

.croydon-upcoming-events .btn-primary {
    background-color: white;
    border-color: #5ebfbc;
    color: #5ebfbc;
    font-weight: 700;
}

.croydon-upcoming-events .btn-primary:hover {
    background-color: white;
    border-color: #27224e;
    color: #27224e;
}

.croydon-quotes p {
    font-weight: 400;
    color: #000;
    font-size: 22px;
    text-align: center;
    margin-bottom: 30px;
    max-width: 800px;
    margin: 0 auto;
}

.croydon-quotes strong {
    display: block;
    font-weight: 700;
    color: #000;
    font-size: 14px;
    margin-bottom: 40px;
}

.croydon-quotes .unslider-nav ol li {
    color: #000!important;
    border-color: #000!important;
    
}

.croydon-quotes .unslider-nav ol li.unslider-active {
    color: white!important;
    border-color: white!important;
    
}



/*MEDIA QUERIES*/

/*XX-Large devices (larger desktops, 1400px and up)*/

@media (max-width: 1399px) {
 


}

/*X-Large devices (large desktops, 1200px and up)*/

@media (max-width: 1199px) {

.croydon-hero h1 {
font-size: 42px;
margin-top:20px
}


.croydon-hero h2 {
font-size: 22px;
margin-bottom: 20px;
}

  
    
}

/*Large devices (desktops, 992px and up)*/

@media (max-width: 991px) {


.croydon-hero h1 {
font-size: 34px;
margin-top:20px
}


.croydon-hero h2 {
font-size: 20px;
margin-bottom: 20px;
}


}

/*Medium devices (tablets, 768px and up)*/

@media (max-width: 767px) {


 
}

/*small*/

@media (max-width: 575px) {

  
}