@media (min-width: 1700px) {

.container {
}

}


@media (min-width: 1450px) {



}







@media (max-width: 1350px) {

#quicklink .quick h3 {
font-size: 1.1em;
} 

#in-focus .container {
    width: 90%;
}

#our-vision .container {
width: 80%;
}

}



@media (max-width: 1300px) {

#site-footer #contact-details .school-logo {
width: 230px;
}

#welcome .container, #values .container, #welcome-alt .container {
width: 1000px;
}

#hero .tag-line .tag-small {
font-size: 3.1em;
}

#hero .tag-line .tag-head {
font-size: 1.6em;
}

}


@media (max-width: 1250px) {

#quicklink .container {
width: 80%;
}

}


@media (max-width: 1200px) {

#welcome .container, #values .container, #welcome-alt .container {
width: 80%;
}

}




@media (max-width: 1150px) {

#site-footer #contact-details {
width: 100%; position: relative;
}

#site-footer #trust-logo {
width: 100%; position: relative; height: 290px;
}

#footer-links {
height: auto; padding: 50px 0px;
}

#footer-links .footer-box {
position: relative;transform: none;
}

#values {
padding: 210px 0px;
}

#values .branding-logo svg, #values .branding-logo {
width: 630px;
}

#site-footer .school-logo {
display: none;
}

#site-footer #trust-logo {
display: none;
}

#site-footer #contact-details #trust-logo {
display: table; float: right; width: 45%; height: 100%;
position: absolute;
}

#site-footer .container {
position: relative;
width: 100%;
height: initial;
}

#site-footer {
height: auto;
}

#site-footer #contact-details .contact-details {
position: relative;
top: initial;
transform: initial;
left: initial;
width: 55%; float: left;padding: 50px 5%;
}

#footer-links {
position: relative;
}

#footer-links .footer-box {
text-align: center; width: 90%; left: 5%;
}

.footer-diocese {
margin: 0px auto;
position: relative; transform: none; right: initial; float: none;
}

.page-title h1 {
font-size: 2.8em;
}

}


@media (max-width: 1079px) {


#hero .tag-line .tag-small {
font-size: 2.9em;
}

}




@media (max-width:1050px) {


#sidebar1 {
display: none;
}

#content {
width: 100%; margin-left: 0px;
}

}



@media (max-width: 1000px) {

#quicklink .container {
width: 90%;
}
#hero .tag {
width: 90% !important;
}

}


@media (max-width:960px) {

.page-template-front-page h2 {
font-size: 2.2em;
}

#in-focus .left-image {
right: -40px;
}

}




@media (max-width: 900px) {

#hero .tag-line .tag-small {
font-size: 2.7em;
}

#our-values .values-list .values {
    width: 45%;
    float: left;
    height: 140px;
    margin-right: 5%;
}

}



@media (max-width:875px) {

#announcement-popup img {
width: 230px;
}

#announcement-popup .message-box .left {
padding: 30px;
width: calc( 100% - 230px);
}


#quicklink .column {
width: 30%;
margin: 0px 1.5%;
}

#quicklink .quick {
margin-bottom: 20px;
}

}


@media (max-width:850px) {


#quicklink {
padding: 50px 0px;
}

#quicklink .quick h3 {
font-size: 0.9em;
}


#welcome .message,
#welcome-alt .message {
width: 100%; text-align: center;
}

#welcome .sep, #welcome-alt .sep{
margin: 30px auto;
}

#welcome .button a:link, #welcome .button a:visited,
#welcome-alt .button a:link, #welcome-alt .button a:visited {
margin: 20px auto 30px; 
}

.welcome-image {
width: 300px;
display: table;
margin: 0px auto; float: none !important;
}


.logo {
background-size: auto 98px;
}

.logo svg {
height: 98px; width: auto;
}

.logo {
float: left;
height: 98px;
padding: 0px;
width: 230px;
}

#trust-link, #trust-link svg {
width: 220px;
height: 98px;
}

#hero {
height: calc( 90vh - 30px );
}

.down, .down svg {
width: 50px;
height: 50px;
z-index: 999;
}

.down {
	bottom: -40px;
}

}




@media (max-width: 800px) {

#quicklink .column.one,
#quicklink .column.two,
#quicklink .column.three {
width: 100%;
}

#quicklink  .quick {
width: 44%;
height: auto;
padding-top: 45%;
margin: 0px 2% 30px;
}

#quicklink .quick h3 {
font-size: 1.1em;
}

#values p {
width: 90%;
}

#values {
padding: 160px 0px;
}
#values h2 {
font-size: 33px;
}

#values .branding-logo svg, #values .branding-logo {
width: 490px;
}

#values .branding-logo {
right: -140px;
}


#site-footer #trust-logo .trust-logo, #site-footer #trust-logo .trust-logo svg {
width: 210px;
height: 93px;
}

#site-footer #contact-details #trust-logo
{
width: 41%;
}

#site-footer #contact-details .contact-details {
width: 59%;
}

#welcome .branding-logo {
width: 90%;
}

#welcome .branding-logo svg {
width: 100%;
height: auto;
margin: 0px auto;
display: table;
}

}




@media (max-width: 750px) {

iframe,
object {
width: 100%;
}

.mob-hide {
display: none;
}

#trust-link {
display: none;
}

.page-template-front-page #trust-link {
float: right;
position: absolute;
left: 50%;
transform: translate(-50%, 0%);
bottom: 100px;
top: inherit;
display: table;
}

header#masthead #top-level {
width: 170px;
right: 0px;
position: absolute;
border-radius: 0px 0px 0px 30px;
}

.page-title h1 {
font-size: 2em;
}

header#masthead #lower-level {
margin-top: 20px;
}

}




@media (max-width:700px) {

p, td, .entry-summary, #content li {
font-size: 1em;
}

#values {
padding: 110px 0px 130px;
}

#values h2 {
text-align: center;
}

#values .sep {
margin: 0px auto 30px; 
}

#values p {
width: 100%; text-align: center;
}

#values .button a:link, #values .button a:visited {
margin: 20px auto 0px;
}

#values .branding-logo {
display: none;
}

#latest-news .header {
padding: 70px 0px 5px;
}

#latest-news h2 {
font-size: 2.2em;
}

.regular.slider article h3 {
font-size: 1.2em;
}

#our-values h2 {
margin-top: 70px;
}

#welcome,
#welcome-alt {
padding: 90px 0px 120px;
}

}




@media (max-width: 650px) {

#site-footer #contact-details .contact-details {
width: 100%;
}

#site-footer #contact-details #trust-logo {
display: table;
float: none;
width: 45%;
height: inherit;
}

#site-footer #contact-details #trust-logo {
position: inherit;
}

#site-footer #contact-details #trust-logo {
width: 100%;
margin: 0px auto 40px;
}

#site-footer #trust-logo .trust-logo, #site-footer #trust-logo .trust-logo svg {
position: inherit;
top: inherit;
left: inherit;
transform: inherit;
margin: 0px auto;
}

#trust-logo {
background: none !important;
}

#site-footer #contact-details .contact-details {
padding: 50px 5% 20px;
}


#hero .tag-line .tag-small {
font-size: 2.3em;
}

#hero .tag-line .buttons a:link, #hero .tag-line .buttons a:visited {
font-size: 0.9em; padding: 15px 30px;
}

#latest-news .header {
    padding: 0px 0px 5px;
}

#latest-news {
    padding: 50px 0px 175px;
}

.regular.slider .slick-dots {
    bottom: -72px;
}

#announcement {
width: 100%;
bottom: 0px;
    left: 0px;
    padding: 15px 20px 6px 20px;
    border-radius: 0px;
    text-align: center;
    z-index: 9999;
	max-width: inherit;
	
}

.alert {
position: absolute;
left: 50%;
transform: translateX(-50%);
}


}



@media (max-width: 600px) {

#values {
    padding: 80px 0px 90px;
}

#announcement-popup .right {
display: none;
}

#announcement-popup .message-box .left {
width: 100%;
}

#announcement-popup .message-box h3 {
font-size: 1.3em;
}

#announcement-popup .message-box p {
font-size: 0.9em;
}

#quicklink .quick h3 {
font-size: 0.9em;
}


#social-quicklinks {
bottom: 20px; right: 20px;
}

#hero {
width: 100%;
height: 8v0h;
}

.page-title h1 {
    font-size: 1.7em;
}

#our-vision {
    background: #333;
    padding: 100px 0px 150px;
}

}



@media (max-width:550px) {

#hero .tag-line .buttons {
display: inline-grid;
}

#hero .button.one {
margin-bottom: 20px !important;
}

#hero .tag-line .buttons a:link, #hero .tag-line .buttons a:visited {
padding: 10px 30px !important;
}

#our-values .values-list .values {
    width: 90%;
    float: left;
    height: 100px;
    margin-left: 5%;
}

}


@media (max-width:505px) {

.c50 {
width: 100%;
}

#quicklink .quick {
width: 96%;
height: 210px;
padding-top: initial;
margin: 0px 2% 30px;
}

#values h2,
#welcome h1,
#welcome-alt h1 {
font-size: 27px;
}

#values .sep {
height: 4px;
width: 46px;
}

#social-quicklinks {
    bottom: 0px;
    right: 0px;
	border-radius: 10px 0px 0px 0px !important;
}

body.smaller #social-quicklinks  {
right: -80px;
}

#page .container {
    width: 85%;
    margin-right: 10%;
}

#page {
    padding: 40px 0px;
}

h2 {
    font-size: 1.6em;
}

.page-title {
bottom: 30px;
}



.page-title h1 {
    margin-bottom: 10px;
}

}



@media (max-width:480px) {

.logo {
margin: 0px auto; float: inherit;
}

header#masthead #top-level {
width: 100%;
border-radius: 0px;
}

header#masthead #top-level {
    height: 60px;
	}
	
#menu-toggle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); 
  text-align: right; padding: 6px 0px 4px; width: 95px;
}

.toggled-on #menu-toggle {
    left: initial;
}

.logo {
top: 75px;
    position: relative;
}

#hero .tag-line .tag-small {
    font-size: 1.7em;
}

#trust-link, #trust-link svg {
    width: 200px;
    height: 88px;
}

#hero .tag-line .buttons a:link, #hero .tag-line .buttons a:visited {
    font-size: 0.8em;
    padding: 15px 30px;
}

}




@media (max-width:430px) {


}





@media (max-width:400px) { 

 header#masthead #top-level {
height: 55px;
 }
 
#values h2, #welcome h1, #welcome-alt h1 {
    font-size: 24px;
}

#welcome .from,
#welcome-alt .from {
font-size: 16px;
}

#welcome p, #values p,#welcome-alt p {
    font-size: 15.5px;
}

#quicklink .quick {
    height: 160px;
    padding-top: initial;
    margin: 0px 2% 10px;	
}

}




@media (max-width:360px) { 

#hero .tag-line .tag-small {
    font-size: 1.6em;
}

}


@media (max-height: 800px) { 

.page-template-front-page #trust-link {
    bottom: 40px;
}

}


@media (max-height: 600px) { 

.page-template-front-page #trust-link {
display: none;
}

#hero .tag-line {
	top: calc(50% + 40px);
}


}

@media (max-width: 1600px) { .wpb_vc_table { width: 890px; } } 
@media (max-width: 1500px) { .wpb_vc_table { width: 830px; } } 
@media (max-width: 1400px) { .wpb_vc_table { width: 750px; } } 
@media (max-width: 1300px) { .wpb_vc_table { width: 700px; } } 
@media (max-width: 1200px) { .wpb_vc_table { width: 670px; } } 
@media (max-width: 1150px) { .wpb_vc_table { width: 640px; } } 
@media (max-width: 1100px) { .wpb_vc_table { width: 610px; } } 
@media (max-width: 1050px) { .wpb_vc_table { width: 580px; } } 
@media (max-width: 1000px) { .wpb_vc_table { width: 750px; } } 
@media (max-width: 950px) { .wpb_vc_table { width: 720px; } } 
@media (max-width: 900px) { .wpb_vc_table { width: 780px; } } 
@media (max-width: 850px) { .wpb_vc_table { width: 730px; } } 
@media (max-width: 800px) { .wpb_vc_table { width: 680px; } } 
@media (max-width: 750px) { .wpb_vc_table { width: 630px; } } 
@media (max-width: 700px) { .wpb_vc_table { width: 580px; } } 
@media (max-width: 650px) { .wpb_vc_table { width: 530px; } } 
@media (max-width: 600px) { .wpb_vc_table { width: 480px; } } 
@media (max-width: 550px) { .wpb_vc_table { width: 430px; } } 
@media (max-width: 500px) { .wpb_vc_table { width: 380px; } } 
@media (max-width: 450px) { .wpb_vc_table { width: 330px; } } 
@media (max-width: 400px) { .wpb_vc_table { width: 320px; } }