@charset "UTF-8";
/* CSS Document */


body {margin: 0; font-family: 'Roboto', sans-serif}

a {
  text-decoration: none;
  color: inherit; /* Optional: keeps the link the same color as surrounding text */
}




html {
  scroll-behavior: smooth;
}





.homepage-wrapper {}






/*-------- FONTS -------- */
h1 	{font-family: 'Roboto', sans-serif; font-size: 60px; font-weight: 300; letter-spacing: -2px}
h2	{color: #1b365a; font-family: 'Roboto', sans-serif; font-size: 30px; line-height: 40px; font-weight: 400; letter-spacing: -1px}
h3	{color: #1b365a; font-family: 'Roboto', sans-serif; font-size: 22px; line-height: 30px; font-weight: 400; letter-spacing: -0.5px}
h4 {font-size: 18px}
p {font-family: 'Roboto', sans-serif; font-size: 19px;line-height: 29px;color: #333; font-weight: 300}

.intros, .intros-white {font-family: 'Roboto', sans-serif; font-size: 24px; line-height: 34px; font-weight: 300; color: #1b365a; letter-spacing: -0.2px; margin: 5px 0 0px 0}

.intros-more-space-below {margin-bottom: 20px}
.intro-about-us {margin-bottom: 50px}

.intros-white {color: white}

.white-color {color: white}


/* -------- Homepage components -------- */

.homepage-banner-text-overlay, .homepage-banner-text-overlay-contact
{width: 100%; height: 200px;  padding:70px 0px 50px 8%; height: auto;background-color: none; margin-top: 0px; z-index: 10; position: absolute; top: 40px; left: 0;}

.homepage-banner-text-overlay-contact {position: inherit; padding-top: 40px; padding-bottom: 20px}

.gradient-test
{width: 100%; height: 627px;
background: linear-gradient(141deg, rgba(19, 40, 70, 1) 0%, rgba(49, 94, 142, 0) 100%);
margin-top: 0px; z-index: 5; position: absolute; top: 40px; left: 0;
}


/*z-index: 10;background-color: transparent; margin-top: 0; padding-bottom: 0; padding-top: 13%}*/

.homepage-video-banner iframe 
{position: relative; z-index: 0; aspect-ratio: 150/230; width:100%; background-image: url("../Images/Homepage_video_background_images/Homepage_video_background_image-Mobile.jpg"); background-repeat: no-repeat; background-size: cover}

.homepage-video-mobile {display: block}
.homepage-video-ipad {display:none}
.homepage-video-desktop {display: none}


.homepage-heading {font-size: 63px; font-weight: 500; letter-spacing: -1px; line-height: 68px;  width:90%}
.inside-page-headings {font-size: 45px; line-height: 50px}

.homepage-sub-heading, .in-page-sub-headings {font-weight: 300; margin-top: 20px; width: 90%}
.course-intros {width: 90%}




.homepage-intro-container {font-size: 30px; font-weight: 200; width: 100%; height: auto; vertical-align: middle; padding:50px 0 60px 8%;background-color: white}
.homepage-intro-text, .in-page-intro-text {width: 90%; margin-top: 0}
.homepage-intro-text {margin-bottom: 20px}
.in-page-intro-text {font-size: 24px; line-height: 34px; letter-spacing: 0}

.containers-text-boxes-full-width
{width: 50%; height: 200px;margin-top: 0px;  padding:40px 0px 0px 8%; height: auto; z-index: 10}




/*HOMEPAGE HERO IMAGES CONTAINERS*/

.homepage-course-images {
	width: 100%;
	height: 500px;
	margin-bottom: 10px;
	background-size: cover;
	background-position: center;
	overflow: hidden;
	transition: transform 0.4s ease, background-size 0.6s ease;
	cursor: pointer;
	text-decoration: none;
	display: block;
	position: relative;		
}

.homepage-course-images:hover {
	background-size: cover;
	background-repeat: no-repeat;
	transform: scale(1.03);
}
.homepage-course-content {
	position: absolute; top: 7%; left: 8%;
	width: 80%;
}

/*OUR COURSES IMAGES*/

.our-courses-content {padding: 20px 0 0 20px; width: 90% }
.our-courses-descriptions {margin-top: 10px}
.our-courses-buttons {}

.our-courses-in-page-images {
	width: 100%;
	height: 400px;
	margin-bottom: 10px;
	background-size: 200%;
	background-position: center;
	overflow: hidden;
	transition: transform 0.4s ease, background-size 0.6s ease;
	cursor: pointer;
	text-decoration: none;
	display: block;
	position: relative;		
}

.our-courses-in-page-images:hover {
	background-size: 170%;
	background-repeat: no-repeat;
	transform: scale(1.03);
}

.our-courses-breakdown-intro-container {padding-left: 8%; width: 90%; margin-bottom: 40px}

.homepage-course-content {
	position: absolute; top: 7%; left: 8%;
	width: 80%;
}


/*HOMEPAGE HERO IMAGES*/
.homepage-course-images-Fire {background-image: url("../Images/Photos/Course+photos/Course_photosFire_safety.jpg"); /* Replace with your image URL */}
.homepage-course-images-BLS {background-image: url("../Images/Photos/Course+photos/Course_photosBLS.jpg"); /* Replace with your image URL */}
.homepage-course-images-Pediatrics {background-image: url("../Images/Photos/Course+photos/Course_photosPediatrics.jpg"); /* Replace with your image URL */}

.homepage-course-images-Work {background-image: url("../Images/Photos/Course+photos/Course_photosWork.jpg"); /* Replace with your image URL */}


.homepage-course-images-Sports {background-image: url("../Images/Photos/Course+photos/Course_photosSports.jpg"); /* Replace with your image URL */}


.homepage-course-images-Schools {background-image: url("../Images/Photos/Course+photos/Course_photosSchools.jpg"); /* Replace with your image URL */}







/*-------- CONTENT CONTAINERS -------- */
.containers-text-boxes-full-width {width: 100%}

.content-image-and-text-container {width: 100%; height: auto;  margin-left: 0;  height: auto}

.square-two-column-containers {width: 100%; height: 200px;float: left; background-size: cover; position: relative; overflow: hidden}

.square-two-column-containers-text {width: 90%; height: auto;padding: 40px 0 0 8%; margin-bottom: 0}

.course-photos-slider {height: 300px}
.our-courses-banner-photo-slider {height: 200px}

.our-courses-highlight-containers {width: 27.5vw; height: 33vh; margin: 0 0.5vw 0.5vw 0; background-color: red; float: left}

.content-components-in-page {margin-left: 8%; width: 80%}

.courses-locations-container {margin-bottom: 50px}

.courses-container {width: 85%; margin-left: 8%}
.courses-breakdown-heading {margin-top: 20px; margin-bottom: 20px}
.courses-details-boxes {width: 100%; height: auto; float: left; margin:20px 1.5% 0 0; padding-bottom: 10px}

.courses-accreditations-container {width: 90%; margin-top: 40px; padding-top: 40px; padding-bottom: 40px; border-top: solid 2px #eee; border-bottom: solid 2px #eee}


.course-page-images {width: 100%; height: 150px; margin-bottom: 20px; background-size: cover; background-position: center center}

.course-page-images-bsl-1 {background-image: url("../Images/Courses/Courses_images-BSL_small-1.jpg")}
.course-page-images-bsl-2 {background-image: url("../Images/Courses/Courses_images-BSL_small-2.jpg")}
.course-page-images-bsl-3 {background-image: url("../Images/Courses/Courses_images-BSL_small-3.jpg")}
.course-page-images-bsl-4 {background-image: url("../Images/Courses/Courses_images-BSL_small-4.jpg")}

.course-page-images-work-1 {background-image: url("../Images/Courses/Courses_images-Work_small-1.jpg")}
.course-page-images-work-2 {background-image: url("../Images/Courses/Courses_images-Work_small-2.jpg")}
.course-page-images-work-3 {background-image: url("../Images/Courses/Courses_images-Work_small-3.jpg")}
.course-page-images-work-4 {background-image: url("../Images/Courses/Courses_images-Work_small-4.jpg")}

.course-page-images-fire-1 {background-image: url("../Images/Courses/Course_images-Fire_Safety-Small-1.jpg")}
.course-page-images-fire-2 {background-image: url("../Images/Courses/Course_images-Fire_Safety-Small-2.jpg")}
.course-page-images-fire-3 {background-image: url("../Images/Courses/Course_images-Fire_Safety-Small-3.jpg")}

.course-page-images-schools-1 {background-image: url("../Images/Courses/Courses_images-Schools_small-1.jpg")}
.course-page-images-schools-2 {background-image: url("../Images/Courses/Courses_images-Schools_small-2.jpg")}
.course-page-images-schools-3 {background-image: url("../Images/Courses/Courses_images-Schools_small-3.jpg")}
.course-page-images-schools-4 {background-image: url("../Images/Courses/Courses_images-Schools_small-4.jpg")}
.course-page-images-schools-5 {background-image: url("../Images/Courses/Courses_images-Schools_small-5.jpg")}
.course-page-images-schools-6 {background-image: url("../Images/Courses/Courses_images-Schools_small-6.jpg")}


.course-page-images-sports-1 {background-image: url("../Images/Courses/Courses_images-Sports_small-1.jpg")}
.course-page-images-sports-2 {background-image: url("../Images/Courses/Courses_images-Sports_small-2.jpg")}
.course-page-images-sports-3 {background-image: url("../Images/Courses/Courses_images-Sports_small-3.jpg")}
.course-page-images-sports-4 {background-image: url("../Images/Courses/Courses_images-Sports_small-4.jpg")}

.course-page-images-pediatric-1 {background-image: url("../Images/Courses/Courses_images-Pediatric_small-1.jpg")}
.course-page-images-pediatric-2 {background-image: url("../Images/Courses/Courses_images-Pediatric_small-2.jpg")}
.course-page-images-pediatric-3 {background-image: url("../Images/Courses/Courses_images-Pediatric_small-3.jpg")}
.course-page-images-pediatric-4 {background-image: url("../Images/Courses/Courses_images-Pediatric_small-4.jpg")}






.course-names {}
.course-descriptions {font-size: 21px}



/*-------- BUTTONS -------- */


.buttons-large {font-size: 20px;font-weight: 600;text-decoration: none; color: #fff; border: 1px solid white;  background-color: none; padding: 10px 5px 10px 5px; margin:30px 0 0 0; text-align: center; border-radius: 50px; width: 200px;  transition: background-color 0.15s ease; /* Fading effect */}

.buttons-large:link {color: #fff;text-decoration: none; }
.buttons-large:hover {color: #1b365a; background-color: #46c6ea; border-color:#46c6ea; transition: 0.3s}
.buttons-large:visited {text-decoration: none; }
.buttons-large:active {text-decoration: none; }


.buttons-main {font-size: 16px;font-weight: 600;text-decoration: none; color: #fff; border: 1px solid white;  background-color: none; padding: 10px 0px 10px 0px; margin:15px 0 0 0; text-align: center; border-radius: 50px; width: 140px;  transition: background-color 0.15s ease; /* Fading effect */}

.buttons-main:link {color: #fff;text-decoration: none; }
.buttons-main:hover {color: #1b365a; background-color: #46c6ea;  border-color:#46c6ea; transition: 0.3s}
.buttons-main a:visited {text-decoration: none; }
.buttons-main a:active {text-decoration: none; }


.button-right a:link {font-size: 15px;font-weight: 600;  color: #1b365a; border: solid #1b365a 1px; border-radius: 50px; padding: 10px 20px 10px 20px; margin:10px 0 0 0px; text-decoration: none; float: left}
.button-right a:hover {color: #1b365a;  background-color: #46c6ea;  border-color:#46c6ea; transition: 0.3s}
.button-right a:visited {color: #1b365a;background-color: white}
.button-right a:active {}


.button-homepage-about a:link {font-size: 15px;font-weight: 600;  color: #1b365a; border: solid #1b365a 1px; border-radius: 50px; padding: 10px 20px 10px 20px; margin:15px 0 0 0px; text-decoration: none}
.button-homepage-about a:hover {color: #1b365a;  background-color: #46c6ea;  border-color:#46c6ea; transition: 0.3s}
.button-homepage-about a:visited {color: #1b365a;background-color: white}
.button-homepage-about a:active {}


.buttons-blue {border: solid 1px blue; color: blue}



/*-------- WHITE SHADOW CONTAINER -------- */
.shadow-boxes {background-color: #fff; border-radius: 4px; box-shadow: 0px 4px 25px #eee}


/*-------- CLIENT QUOTES -------- */
.client-logos-container
{width: 95%; height: auto;  margin: 10px 0 0 0 ; padding:2% 0px 0px 8%; height: auto}

.client-logos {width: 46%; margin:0 3% 3% 0}

.client-quotations-header {margin-bottom: 10px}
.client-quotations-container {padding-left: 8%}

.client-quote-boxes 
{width: 90%; height: auto; clear: both; float: left; margin:20px 0 0 0; padding: 25px 0px 30px 25px; border-radius: 10px}

.client-quote-boxes-number3 {}



.client-quotations-stars {width: 150px; height: auto; margin-bottom: 15px}

.client-quotations-speechmarks {margin-top: 3px; width: 30px; height: 62px;float: left; background-image: url("../Images/Speechmarks.svg"); background-repeat: no-repeat; background-size: cover}

.client-quotations-text-containers {float: left; margin-left: 10px}
	
.client-quotations-text {font-style: italic; color: #333;  font-family: 'Roboto', sans-serif; font-size: 20px; line-height: 26px; font-weight: 400; float: left; width: 220px; margin-bottom: 10px}

.client-quotations-name {font-family: 'Roboto', sans-serif; font-size: 18px; font-weight: 600; margin-top: 50px; color: #165882}
.client-quotations-job-title {font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 400; margin-top: 5px; color: #333}


/*-------- ABOUT US PAGE -------- */

.about-us-training-descriptions-heading{padding-left: 20px;width: 95%}
.about-us-training-descriptions-heading {margin-bottom: 20px}

.about-us-training-descriptions-images {width:100%; height: 40vw; margin-bottom: 20px; background-size: cover; background-position: center center}




.about-us-descriptions-container {margin-left: 8%; margin-top:50px ; width: 85%; height: auto}

.about-us-content-containers {height: auto; margin-bottom: 40px; padding-top: 15px; padding-bottom: 15px; clear: both; border-radius: 10px}
.about-us-content-containers {height: auto; margin-bottom: 20px; padding-top: 20px; padding-bottom: 25px; clear: both; border-radius: 10px}
.about-us-descriptions-heading, .about-us-descriptions-text {padding-left: 20px;width: 95%}
.about-us-descriptions-heading {margin-bottom: 20px}

.about-us-descriptions-images {width:100%; height: 40vw; margin-bottom: 20px; background-size: cover; background-position: center center}

.about-us-descriptions-images-certified-first-aid {background-image: url("../Images/About_page/Descriptions_pics/About_Us_descriptions_images2.jpg")}
.about-us-descriptions-images-on-site {background-image: url("../Images/About_page/Descriptions_pics/About_Us_descriptions_images1.jpg")}
.about-us-descriptions-images-first-aid-training {background-image: url("../Images/About_page/Descriptions_pics/About_Us_descriptions_images3.jpg")}
.about-us-descriptions-images-custom-first-aid {background-image: url("../Images/About_page/Descriptions_pics/About_Us_descriptions_images4.jpg")}

.about-us-our-team-container {width: 85%;height: auto; margin-left: 8%; margin-top: 30px}
.about-us-team-heading {margin-bottom: 30px; width: 280px}
.about-us-team-boxes {height: auto; margin-bottom: 30px}
.about-us-team-pics {width: 180px;  margin-bottom: 0;  margin-right: 20px; border-radius: 8px}
.about-us-team-details-container {width: 100%;  padding-top: 20px;  height: auto }
.about-us-team-description-container {width: 100%; height: auto; margin-top: 20px; float: none; clear: both}


/*Legal page styles */
.contact-page-background {background-image:none}

/*Legal page styles */
.legal-page-content-containers {margin-left: 8%; width: 80%; padding-top: 30px; height: auto}
.legal-page-headings {margin-top: 40px}	
.legal-page-sub-headings {margin-top: 20px}

.disclaimer-container {}

/*-------- FOOTER -------- */
.footer-container
{width: 100%; height: auto; padding: 30px 0px 30px 8%; background-color: #1d1d1d; margin:80px 0 0 0; box-shadow: 0px 4px 25px #0f2c55}
.footer-legals-container
{width: 90%; height: 120px; margin: 0; padding:30px 0 0 0}
.footer-legals-links-container
{float: none; height: 50px; width: 100%;  padding-top: 1%; margin-top: 20px}
.footerlogo {float: none;  width: 130px; height: 40px; margin-top: 3px; background-image:url("../Images/logo/wills_logo.svg"); background-size: contain; background-repeat: no-repeat}


.footer-accreditation-logos-container {width: 100%; height: auto; margin-top: 30px; margin-bottom: 30px}
.footer-accreditation-logos-header {margin-bottom: 10px; font-size: 16px; clear: both}
.footer-accreditation-logos {height: 6vw; float: left; margin-right: 4.5vw}


.footer-intro-text {width:350px}
.footer-contact-details-container {margin-top: 20px; padding-bottom: 20px; width: 90%; height: auto; background-color: none; float: left; border-bottom: solid 1px #ccc}
.footer-contact-icons {width: 30px; height: 30px; background-color: none; float: left}
.footer-contact-details-wrappers {margin-bottom: 50px; clear: both}
.footer-contact-details-wrappers-phones {width: 150px; clear: none; float: left; margin-right: 20px; margin-bottom: 20px}
.footer-contact-details {color: white;  font-size: 16px; font-weight: 500; width: auto; height: auto; background-color: none; float: left; margin:0px 0 0 10px}


.footer-contact-social-links-container {width: 200px; height: 40px}
.footer-contact-social-links {width: 30px; height: 30px; background-color: none; float: left; margin-right: 10px}

	.footer-contact-social-links-linkedin {background-image: url("../Images/Social_icons/Social_icons_LinkedIn-OFF.svg")}
	.footer-contact-social-links-twitter {background-image: url("../Images/Social_icons/Social_icons_Twitter-OFF.svg")}
	.footer-contact-social-links-insta {background-image: url("../Images/Social_icons/Social_icons_Insta-OFF.svg")}

	.footer-contact-social-links-linkedin:hover {background-image: url("../Images/Social_icons/Social_icons_LinkedIn-OVER.svg")}
	.footer-contact-social-links-twitter:hover {background-image: url("../Images/Social_icons/Social_icons_Twitter-OVER.svg")}
	.footer-contact-social-links-insta:hover {background-image: url("../Images/Social_icons/Social_icons_Insta-OVER.svg")}



.footer-legal-text
{font-size: 12px; color: white; text-align: left; float: left; margin:0 0 20px 0px; width: 300px}

.footer-links a:link {font-size: 12px; font-weight: 600; margin:0 15px 5px 0; color: white; text-decoration: none; float: left; display: inline}
.footer-links a:hover  {border-bottom: 1px solid white; padding-bottom: 5px}
.footer-links a:visited  {}
.footer-links a:active   {}



/*CONTACT PAGE STYLES*/
.footer-contact-page {background-color: transparent; border-top: 1px solid white}

.contact-page-details-wrapper {width: 90%; height: auto; margin-left: 8%}
.contact-page-details-wrappers {display: block; margin-top: 20px; float: none; width: 85%}
.contact-page-details-wrappers-phones {}
.contact-page-icons {width: 35px; float: left; margin-right: 10px}
.contact-page-details {font-size: 17px; font-weight: 400; color: white}

/*.contact-page-social-links
.contact-page-social-links-linkedin
.contact-page-social-links-insta
*/

.contact-us-social-links-wrapper {margin-top: 30px}

.contact-us-social-links {height: 12vw;aspect-ratio: 1741 / 537; display: block; margin: 30px 10px 0 0; opacity: 0.5;  float: left; background-size: cover; background-repeat: no-repeat}
.contact-us-social-links:hover {opacity: 1} 

.contact-us-social-links-insta {background-image: url("../Images/Contact_us/Contact_social_linksInsta-Off.png")}
.contact-us-social-links-linkedin {background-image: url("../Images/Contact_us/Contact_social_linksLinkedIn-Off.png")}

.contact-us-social-links-insta:hover {background-image: url("../Images/Contact_us/Contact_social_linksInsta-Over.png")}
.contact-us-social-links-linkedin:hover {background-image: url("../Images/Contact_us/Contact_social_linksLinkedIn-Over.png")}

.contact-page-footer {padding-left: 8%; width: 80%}



/* Basic reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: Arial, sans-serif;
}



/*COOKIE POLICY STYLES*/

 .cookie-popup {
  	 height: 210px;
    position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      background: linear-gradient(141deg, rgba(19, 40, 70, 1) 100%, rgba(49, 94, 142, 0) 100%);
      color: #fff;
      padding: 40px;
      text-align: center;
      font-size: 14px;
      display: none;
      z-index: 9999;
	box-shadow: 0px 4px 25px #000; 
	 opacity: .9;
    }

    .cookie-content a {
      color: #fff;
      text-decoration: underline;
		margin-top: 30px;
		margin-bottom: 30px;
    }

    .cookie-btn {
      background-color: transparent;
      color: white;
      border: 1px solid white;
      padding: 10px 20px;
      margin-top: 15px;
      margin-left: 10px;
      cursor: pointer;
      border-radius: 4px;
      font-size: 14px;
    }

    .cookie-btn:hover {
      background-color: #45a049;
    }

    .cookie-deny-btn {
      background-color: transparent;
		
      border-radius: 4px;
      font-size: 14px;
    }

    .cookie-deny-btn:hover {
      background-color: #e53935;
    }




/*-For screens larger than 500px-------- */
@media screen and (min-width: 500px) {

	.homepage-heading {font-size: 56px; width: 400px}
	.homepage-sub-heading {width: 350px}	
	.course-intros {width: 90%}
	.in-page-sub-headings {width: 400px}
	
	.homepage-intro-text, .in-page-intro-text {width: 90%}

	.homepage-course-images {background-size: 215%}
	.homepage-course-content {margin-top: 20px}
    .homepage-course-images:hover {background-size: 215%}
	
	.inside-page-headings {line-height: 60px}
	
	.client-quotations-text-containers {width: 85%}
	.client-quotations-text {width: 100%}
	.client-quotations-name {clear: both}
	
	.square-two-column-containers-text {height: auto}
	
	.our-courses-content {padding: 30px 0 0 30px; width: 350px}

	.course-photos-slider {height: 60vw}
	.courses-details-boxes {margin-bottom: 20px}
	.courses-accreditations-container {width: 90%; margin-top: 20px; padding-top: 40px; padding-bottom: 40px; border-top: solid 2px #eee; border-bottom: solid 2px #eee}
	
	.about-us-team-heading {width: 400px}	
	
	.about-us-team-pics {width: 140px;  margin-right: 25px; float: left; margin-bottom: 20px}
	.about-us-team-details-container {padding-top: 30px }
	.about-us-team-description-container {float: none; clear: both}

	.footer-accreditation-logos {height: 5.45vw; margin-right: 4.5vw}
	
	.footer-legal-text {width: 100%}

	
	.contact-page-details-wrappers {width: 92%; margin-top: 50px; margin-bottom: 50px}
	.contact-page-details {font-size:4.5vw}	
	.contact-page-icons {width: 35px}
	.contact-page-details {margin-top: 1vw}
	.footer-contact-page {position: relative}	
	.contact-us-sub-heading {width: 90%}	
	
	.cookie-popup {height: 180px}
}



/*-For screens larger than 600px-------- */
@media screen and (min-width: 600px) {

	.homepage-heading {font-size: 65px; width: 500px}
	.homepage-sub-heading {width: 470px}
	.homepage-video-banner iframe {aspect-ratio: 256/220; background-image: url("../Images/Homepage_video_background_images/Homepage_video_background_image-iPad.jpg")}	

	.course-intros {width: 90%}
	.in-page-intro-text {width: 90%}

	.homepage-video-ipad {display:block}
	.homepage-video-mobile {display: none}

	.inside-page-headings {line-height: 68px}
	
	.courses-details-boxes {margin-top: 0;margin-bottom: 20px; padding-bottom:40px; height: auto; border-bottom: solid 1px #eee}
	.course-page-images {width: 140px; height: 170px;float: left; margin-right: 30px; margin-bottom: 30px;margin-top: 7px;}
	.course-names {float: left; width: 60%}
	.course-descriptions {float: left; width: 60%}
	
	.our-courses-content {width: 85%}
	
	.courses-accreditations-container {border-top: none; width: 95%; margin-top: 0px; padding-bottom: 50px}
	.courses-accreditation-text {width: 100%}	

	.about-us-content-containers {padding-bottom: 5px}
	.about-us-training-descriptions-images {width: 175px;height: 175px;margin-right: 15px; float: left}
	

.about-us-team-pics  {width: 25vw; margin-top: 4px}
.about-us-team-details-container  {padding-top: 0}
.about-us-team-description-container  {float: left; clear: none; width: 64%; margin-right: 0}	
	
	.hide-for-mobile {display: block}
	.homepage-course-content {width: 400px}
	.footer-intro-text {width: 450px}
	.footer-contact-social-links-container {background-color: none; float: right; clear: none; padding: 0;width: 80px;}
	.footer-contact-social-links {float: right; margin-left: 10px; margin-right: 0}

	.footerlogo {float: left}
	
	.footer-accreditation-logos-container {float: right; width: 345px; margin-top: 0}
	.footer-accreditation-logos-header {}
	.footer-accreditation-logos {height: 24px; margin-right: 25px}
	
	.contact-us-sub-heading {width: 500px}	
	

}


/*-For screens larger than 700px-------- */
@media screen and (min-width: 700px) {

	.homepage-course-images {background-size: 150%; background-position: bottom}
    .homepage-course-images:hover {background-size: 160%}

	.content-components-in-page {width: 100%}
	
	.about-us-content-containers {padding-bottom: 0}
	.about-us-training-descriptions-heading {margin-bottom: 20px}
	.about-us-training-descriptions-images {width: 25vw; margin-right: 5vw; margin-bottom: 0px; margin-top: 5px; border-bottom-left-radius: 10px}
	.about-us-descriptions-text {width: 90%; padding-top: 20px}
	
	.footer-legal-text {width: 290px; float: left; clear: none}
	.footer-links a:link {float: right; margin-right: 10px}
	
}


/*-For iPad 768px and above-------- */
@media screen and (min-width: 768px) {
	
	.hide-for-desktop {display: none}

	.homepage-course-images {background-size: 145%; background-position: 10% 90%}
    .homepage-course-images:hover {background-size: 130%}	
	
	.client-quotations-header {float: left; margin-right: 30px; margin-top: 4px}	
	.button-right a:link {margin-top:3px}

	.homepage-intro-container {height: auto; padding-top: 50px}
	.homepage-intro-text, .in-page-intro-text {width: 90%}
	.in-page-intro-text {font-size: 30px; line-height: 42px}
	.homepage-course-content {top:40px; width:400px}
	.homepage-containers-one-third-text {width: 40%; height: 550px}
	.homepage-images {width: 60%; margin-bottom: 5px; height: 550px}
	.containers-text-boxes-two-columns {padding-top: 150px; height: auto; width: 600px; margin-bottom: 6px; padding-left: 8%}
	.intros {margin-top: 10px; margin-bottom: 15px}
	
	.buttons-main {margin-top: 30px}
	.our-courses-buttons {margin-top: 20px}
	
	.our-courses-content {width: 320px}
	.our-courses-in-page-images {height: 300px}	
	.our-courses-in-page-images {background-size: 140%; background-position: bottom left}
	.our-courses-in-page-images:hover {background-size: 130%}
	
	.course-photos-slider {height: 50vw}
	.courses-locations-container {margin-bottom: 60px}
	.courses-breakdown-heading {width: 620px; margin-bottom: 40px}
	
	.contact-page-details {font-size:35px}	
	.contact-us-social-links {height: 90px}
	
	.containers-text-boxes-full-width {padding-top: 80px}
	.client-logos {width: 16.1vw; margin-right: 0.3%; margin-bottom: 0.3%}	
	
	.intro-about-us {margin-bottom: 60px}
	.about-us-descriptions-text {margin-top: 15px}			
	
	
	.footer-container {padding-right: 0; padding-bottom: 20px;padding-top: 60px;  margin-top: 100px}
	.footer-legals-links-container {float: right}
	.footer-legal-text {text-align: left; margin-left: 0px; width: 300px; margin-bottom: 0}
	.footer-links a:link {float: right; margin-bottom: 0; margin-left: 10px}
	
	.footer-contact-details-container {width: 90%}
	.footer-contact-details-wrappers {width: 100%; float: left; clear: none; margin-right: 35px; margin-bottom: 0}
	.footer-contact-details-wrappers-phones {width: auto}
	.footer-contact-details {font-size: 24px; float: left; margin-top: 0}
	
	.cookie-popup {height: 155px}
	
}

/*-For iPad 830px and above-------- */
@media screen and (min-width: 830px) {

	.courses-details-boxes {padding-bottom: 0; margin-bottom: 0; border: none; margin-bottom: 10px}
	.course-page-images {width: 28vw; height: 220px; margin-right: 40px; margin-top: 0px}
	.course-names {margin-top: 0}	
	
	.courses-accreditations-container {border-top: 1px solid #eee; margin-top: 30px}

	.about-us-team-heading {width: 95%}	
	
	.footer-accreditation-logos-container {width: 500px; margin-top: 10px; text-align: right}
	.footer-accreditation-logos-header {float: left; margin-top: 2px}
	.footer-accreditation-logos {height: 28px;  float: right; margin-right: 0px; margin-left: 20px}

}


/*-For iPad 900px and above-------- */
@media screen and (min-width: 900px) {

/*CHECK LATER HOW THE BELOW DIFFERS FROM THE FIRST INSTANCE AND REMOVE AND DUPLICATION*/
	
	.homepage-video-banner iframe {aspect-ratio: 425/202; background-image: url("../Images/Homepage_video_background_images/Homepage_video_background_image-Desktop.jpg")}	
	
	.homepage-banner-text-overlay {padding-top: 80px}
	.homepage-heading {letter-spacing: -3px; font-size: 65px; line-height: 70px; width: 500px}
	.homepage-sub-heading {margin-top: 5px}
	
	.homepage-video-ipad {display:none}
	.homepage-video-desktop {display: block}
	
	.homepage-intro-container {padding-top: 60px;padding-bottom: 70px}
	.in-page-intro-text {width: 90%}
		
	.our-courses-in-page-images {width: 49%;height: 45vw; margin-right: 1%; float: left}
	.our-courses-in-page-images {background-size: 190%; background-position: -150px 0}
	.our-courses-in-page-images:hover {background-size: 210%}
	.our-courses-content {width: 85%}
	
	.about-us-training-descriptions-heading {margin-left:1vw }
	.about-us-content-containers {width: 48%;  margin-right: 3vw;margin-bottom: 3vw; padding-bottom: 25px; float: left; clear: none}

	.about-us-descriptions-text {width: 320px}
	.about-us-team-pics  {width: 220px}	

	.about-us-training-descriptions-heading {width: 250px}
 	.about-us-training-descriptions-images {width: 100%; margin-top: 5px; margin-bottom: 20px; border-radius: 0}

}

/*-For iPad 950px and above-------- */
@media screen and (min-width: 950px) {
	.homepage-intro-text, .in-page-intro-text {width:90%; smargin-right: 1vw}
	.disclaimer-container {width: 830px}
}

/*-For iPad 1000px and above-------- */
@media screen and (min-width: 1000px) {

	.homepage-banner-text-overlay {padding-top: 8%}
	.in-site-headings {padding-top: 90px}
	
	.homepage-heading {font-size: 75px; line-height: 80px; width: 550px; margin-bottom: 20px}

	
	.homepage-intro-container {padding-top: 70px;padding-bottom: 90px}	
	.homepage-intro-text, .in-page-intro-text {margin-right: 30px}

	.client-quote-boxes {width: 45%; height: 390px; clear: none; margin-top: 40px; margin-right: 2%; padding-top: 40px; padding-left: 40px}
	.client-quotations-text {width: 250px}
	.client-quote-boxes-number3 {display: none}

	.course-page-images { margin-right: 50px}

	.content-image-and-text-container {margin-bottom: 50px; /*border: solid 1px #eee*/; box-shadow: 0px 4px 25px #eee}

	.square-two-column-containers {width: 50%}
	.course-photos-slider {height: 435px; width: 45vw}
	.square-two-column-containers-text {width: 450px; height: auto; padding: 50px 0 0 4vw; margin-bottom: 0; background-color: white; height: auto}	
		
	.courses-breakdown-heading {margin-top: 20px}
	.our-courses-breakdown-intro-container {margin-bottom: 50px; width: 910px; height: auto}

	.about-us-descriptions-container {margin-top: 30px}	
	.about-us-training-images {height: 382px}

	.contact-page-background {background-image: url("../Images/Ampersand_graphic/Ampersand_graphic.png"); background-repeat: no-repeat; background-position: -280% 50%; background-size: 110%}
		
	}

/*-For iPad 1050px and above-------- */
@media screen and (min-width: 1050px) {
	.square-two-column-containers-text {width: 470px}


}


/*-For iPad 1100px and above-------- */
@media screen and (min-width: 1100px) {
	
	.client-quote-boxes {height: 340px}
	.client-quotations-text {width: 320px}
	
	.content-components-in-page {width: 94%}
	
	.our-courses-content {padding: 2.5vw 0 0 2.5vw}
	.our-courses-in-page-images {height: 35vw}
	.our-courses-in-page-images {background-size: 200%; background-position: -240px -70px}
	.our-courses-in-page-images:hover {background-size: 210%}	
	
	.our-courses-breakdown-intro-container {width: 95%; margin-bottom: 50px}
	.our-courses-breakdown {width: 450px; float: left; margin-right: 2.5vw}	

	.square-two-column-containers-text {width: 500px; padding-left: 65px}
	
	.about-us-descriptions-text {width: 390px}	
	.about-us-training-descriptions-images {height: 230px}	
	

	.about-us-our-team-container {width: 95%}

	.about-us-team-boxes {width: 470px;height: 350px; margin-right: 40px; margin-bottom: 50px;  float: left}
	.about-us-team-pics  {width: 150px}		
	.about-us-team-details-container {padding-top: 30px; width: 400px}
	.about-us-team-description-container {width: 420px; margin-top: 0}	
	
	.footer-intro-text {width: 100%}
	.footer-contact-details-wrappers {width: 415px; margin-right: 20px}
	.footer-contact-details-wrappers-phones {width: 200px; margin-right: 20px}
	.footer-contact-social-links-container {float: none;clear: both;margin-top: 50px}
	.footer-contact-social-links {float: left; margin-left: 0; margin-right: 10px}
		
}

/*-For iPad 1150px and above-------- */
@media screen and (min-width: 1150px) {

	.content-image-and-text-container {box-shadow: 0px 4px 25px #eee}

	.square-two-column-containers-text {height: auto;width: 500px; margin-bottom: 0; background-color: white; height: auto}
	
	.courses-locations-container {width: 950px}

}
	
	
/*-For iPad 1200px and above-------- */
@media screen and (min-width: 1200px) {

	h2 {font-size: 34px; line-height: 45px}
	.homepage-sub-heading {width: 550px}
	.course-intros {width: 90%}
	.in-page-sub-headings {width: 450px}
	.contact-us-sub-heading {width: 900px}	
	.in-page-intro-text {width: 90%}
	.homepage-course-content {margin-top: 50px}
	
	.courses-breakdown-heading {width: 800px}
	
	.homepage-banner-text-overlay {padding-top: 11%}
	.in-site-headings {padding-top: 90px}
	
	.homepage-course-images {background-size: 130%; background-position: 0% 90%}
    .homepage-course-images:hover {background-size: 115%}	

	.homepage-intro-text, .in-page-intro-text {font-size: 35px; line-height: 48px}	
	.homepage-intro-text {width: 950px}
	
	.client-quote-boxes {clear: none; margin-top: 40px; margin-right: 2%; padding-right: 30px}
	.client-quotations-text-containers {width: 82%}	

	.about-us-team-boxes {margin-right: 60px}
	.about-us-team-details-container {width: 450px}
}

/*-For iPad 1250px and above-------- */
@media screen and (min-width: 1250px) {

	.course-photos-slider {height: 450px}
	.square-two-column-containers-text {width:580px; padding-top: 70px; padding-left: 70px}
	
	.client-quote-boxes {height: 310px}
	.client-quotations-text {width: 390px}

	.footer-contact-social-links-container {float: right;clear: none;margin-top: -3px; margin-right: 15px}
	
	.footer-contact-social-links-container {margin-right: 0}	
	.footer-contact-social-links {margin-right: 0; margin-left: 10px}
}



/*-For iPad 1350px and above-------- */
@media screen and (min-width: 1350px) {

	.homepage-intro-text {float: left}
	.button-homepage-about {float: left; margin-top: 143px; margin-left: 30px}
 
	.client-quote-boxes {width: 29%; height: 390px; padding-top: 25px; padding-left: 25px} 
	.client-quotations-text {width: 250px}
	.client-quote-boxes-number3 {display: block}
		
	.courses-details-boxes {width: 1130px}
	.course-page-images {width: 350px; height: 250px}
	
	.about-us-training-descriptions-heading{width: 100%}
	.about-us-training-descriptions-images {width: 15vw; height: 200px; margin-bottom: 0; margin-right: 25px;float: left; clear: none; border-bottom-left-radius: 10px}
	
	.about-us-training-descriptions-heading {padding-left: 0.5vw}
	
	.about-us-content-containers {padding-bottom: 0}
	.about-us-descriptions-heading{width: 100%}
	.about-us-descriptions-images {width: 15vw; height: 200px; margin-bottom: 0; float: left; clear: none; border-bottom-left-radius: 10px}
	.about-us-descriptions-text {width: 50%; float: left; margin-top:0; padding-top: 0}
	
	.about-us-descriptions-heading, .about-us-descriptions-text {padding-left: 0.5vw}
	
	.about-us-team-boxes {margin-right: 10%}
	.about-us-team-pics {width: 180px}
	.about-us-team-details-container {padding-top: 40px}
	.about-us-team-description-container {width: 500px}

}

/*-For iPad 1400px and above-------- */
@media screen and (min-width: 1400px) {
	
	.our-courses-in-page-images {width: 32%; height: 27vw}
	.our-courses-in-page-images {background-size: 200%; background-position: 40% 0px}
	.our-courses-in-page-images:hover {background-size:170%}	
	.our-courses-content {width: 350px;  padding: 1.5vw 0 0 2vw}
	.our-courses-descriptions {width: 250px}

}

/*-For iPad 1450px and above-------- */
@media screen and (min-width: 1450px) {

	.client-quote-boxes {height: 380px; padding-top: 35px; padding-left: 30px} 
	.client-quotations-text {width: 280px}
}

/*-For iPad 1500px and above-------- */
@media screen and (min-width: 1500px) {


	.homepage-heading {font-size: 85px; line-height: 95px; width: 700px; margin-bottom: 20px}
	
	.homepage-course-images {background-size: 110%; background-position: 0% 75%}
    .homepage-course-images:hover {background-size: 100%}	
	
	.inside-page-headings {width: 600px}
}


/*-For iPad 1600px and above-------- */
@media screen and (min-width: 1600px) {
	
	.course-photos-slider {width: 800px}

}

/*-For iPad 1700px and above-------- */
@media screen and (min-width: 1700px) {
	
	.homepage-heading {font-size: 100px; line-height: 110px}
	.inside-page-headings {font-size: 85px; line-height: 95px; } /*Overrides the font size increase of homepage-heading*/
	.course-intros {width: 1350px}
	.client-quote-boxes {width: 26.2vw}		.our-courses-in-page-images {height: 24vw}	
	.our-courses-in-page-images {background-position: 40% 50%}
	
	.about-us-team-boxes {width: 20vw;height: 520px; margin-right: 4%;  margin-bottom: 0;width: 320px}
	.about-us-team-pics {float: none; clear: both}
	.about-us-team-details-container {padding-top: 0}
	.about-us-team-description-container {width: 100%}	
}

/*-For iPad 1750px and above-------- */
@media screen and (min-width: 1750px) {
	
	.client-quote-boxes {height: 370px; padding-top: 45px; padding-left: 40px}
	.client-quotations-text {width: 320px}
}


/*-For iPad 2000px and above-------- */
@media screen and (min-width: 2000px) {
	.client-quote-boxes {height: 320px}
	.client-quotations-text {width: 410px}
}






/*-------- MISC -------- */
.clearfloat {clear: both}
.no-right-margin {margin-right: 0}
.no-left-margin {margin-left: 0}
.no-bottom-margin {margin-bottom: 0}