/*
 Theme Name:   bootScore Child
 Description:  bootScore Child Theme
 Author:       bootScore
 Author URI:   https://bootscore.me
 Template:     bootscore-main
 Version:      5.1.3.1
 Text Domain:  bootscore
*/

/*
All style editing is done via css/scss/_bscore_custom.scss
*/

/*	Colour 1 #0e191f
	Colour 2 #5ba0c6
*/
html, body {
	overflow-x: hidden;
}

body {
	font-family: open-sans, sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #0e191f;
	font-size: 1.2rem;

	padding-top: 9%;

}

h1, h2, h3, h4, h5, h6 {
	font-family: museo-slab, serif;
	font-weight: 800;
	font-style: normal;
	text-transform: uppercase;
}

#home-bar h1, #home-header h1 {
	font-size: 3rem;
	line-height: 3rem;
}

.smaller-H1 {
	font-size: 1.6rem;
	font-family: museo-sans, sans-serif;
	font-weight: 500;
	font-style: normal;
}

h2 {
	font-size: 3.8rem;
}

h3 {
	color: #5ba0c6;
}

a {
	text-decoration: underline;
	color: #5ba0c6;
}



a:hover, a:focus {
	color: #fff;
}

.page-id-73 a:hover {
	color: #0e191f;
}

.space25 {
	margin-top: 25px;
	margin-bottom: 25px;
}

.space-top {
	margin-top: 25px;
}

.mobile-space-top {
	padding-top: 45px;
	padding-bottom: 15px;
	background-color: #0e191f;
}

.mobile-space-top, .tablet-space-top {
	margin-bottom: 0;
}

.tablet-space-top {
	padding-top: 35px;
	padding-bottom: 15px;
	background-color: #0e191f;
}

.subhead {
	font-family: museo-sans, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 2.4rem;
	text-transform: uppercase;
}

.subhead-small {
	font-family: museo-sans, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 1.7rem;
	line-height: 1.7rem;
	text-transform: uppercase;
	margin-top: 15px;
}





p {
	margin-bottom: 10px;
}

.no-margins {
	margin: 0;
}

.white {
	color: #fff;
}

.text-shadow {
	text-shadow:	0px 0px 10px #000,
               		0px 0px 10px #000;
}

.slab {
	font-family: museo-slab, serif;
	font-weight: 800;
	font-style: normal;
	text-transform: uppercase;
}

.script {
	font-family: reklame-script, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 2.8rem;
	color: #5ba0c6;
}

#homeOne, #home-top-image {
	background-size: cover !important;
	background-position: center top !important;
	background-repeat: no-repeat;
}

#katie {
	background-size: cover !important;
	background-position:  left center;
	background-repeat: no-repeat;
}

#register {
	padding-top: 50px;
	padding-bottom: 50px;
}

#register .btn-primary {
	margin-top: 35px !important;
}

#register p {
	padding: 0 25px;
}

.sponsor-box {
	padding: 25px;
}



.sponsor-box {
	margin-bottom: 25px;
}

.bold {
	font-weight: bold;
}

.col1 {
	color: #0e191f;
}

.col2 {
	color: #5ba0c6;
}

.col1-back {
	background-color: #0e191f;
}

.col2-back {
	background-color: #5ba0c6;
}



section {
	padding-top: 50px;
	padding-bottom: 50px;
}


#homeThree, #katie-wrapper {
	background-color: #0e191f;
	color: #fff;
}

#homeFour {
	background-color: #5ba0c6;
	padding: 0;
	color: #fff;
}

#coaches {
	background-color: #fff;
	padding-top: 50px;
	padding-bottom: 50px;
	color: #0e191f;
}

#coaches h2 {
	font-size: 3rem;
}

#coaches-form {
	background-color: #5ba0c6;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #fff;
}

#homeInsert h2 {
	color: #0e191f;
}

#coaching {
	background-size: cover !important;
	background-position: right top !important;
	background-repeat: no-repeat;
}

#top-bar {
	height: 100px;
	padding: 0;
	border-bottom: 1px solid #0e191f;
	background-color: #fff;
	padding-top: 8px;
	display: none;
}

#top-bar h2 {
	color: #5ba0c6;
	font-size: 1rem ;
	font-family: museo-sans, sans-serif;
	font-weight: 500;
	font-style: normal;
	display: inline-block;

}

#top-bar .slab {
	font-size: 1.2rem;
}

.btn-primary {
	font-family: museo-slab, serif;
	font-weight: 800;
	font-style: normal;
	text-transform: uppercase;
	margin-top: -8px;
	color: #fff;
	font-size: 1.1rem;
	background-color: #0e191f;
	border-color: #0e191f;
}

.btn-primary:hover, .btn-primary:focus {
	background-color: #5ba0c6;
	border-color: #5ba0c6;
}

.btn-secondary {
	font-family: museo-slab, serif;
	font-weight: 800;
	font-style: normal;
	text-transform: uppercase;
	margin-top: -8px;
	color: #fff;
	font-size: 1.4rem;
	background-color: #5ba0c6;
	border-color: #5ba0c6;
}

.btn-secondary:hover, .btn-secondary:focus {
	background-color: #0e191f;
	border-color: #0e191f ;
}

#footer {
	background-color: #5ba0c6;
	padding: 8px 10px;
}

#footer p {
	color: #fff;
	font-size: 1rem;
	margin-top: 10px;
}

#footer .slab {
	font-size: 1.3rem;
}

.footer-social i {
	color: #fff;
	font-size: 3rem;
}

.wpcf7 {
	width: 90%;
	margin: auto;
}

.wpcf7-form-control {
	width: 100%;
	margin-bottom: 5px;
	border: none !important;
	padding: 5px 5px 5px 15px;
}

input[type=submit] {
	width: 80%;
	margin: auto;
	background-color: #0e191f;
	font-family: museo-slab, serif;
	font-weight: 800;
	font-style: normal;
	text-transform: uppercase;
	border: none !important;
	color: #fff;
}

.wpcf7-list-item {
	margin: 0 !important
}

.wpcf7-spinner {
	display: block;
	clear: both;
}

#homeFive, #home-sponsorship {
	background-color: #0e191f ;
}

#homeFive h2, #home-sponsorship h2 {
	color: #5ba0c6;
}

#homeFive p, #home-sponsorship p {
	color: #fff;
	margin-top: 25px;
}

.btn-more-info {
	margin-top: 25px;
	margin-bottom: 50px;
}

.btn-more-info:hover, .btn-more-info:focus {
	background-color: #fff;
	border-color: #fff;
	color: #5ba0c6;

}

.stripes {
	background-image: linear-gradient(90deg, #0e191f 35.71%, #5ba0c6 35.71%, #5ba0c6 50%, #0e191f 50%, #0e191f 85.71%, #5ba0c6 85.71%, #5ba0c6 100%);
	background-size: 84.00px 84.00px;
}




.welfare {
	text-align: left !important;
}

.welfare a:hover, .whistle-blowing a:hover, .whistle-blowing-text a:hover {
	color: #000;
}

.temp {
	height: 300px;
	padding-top: 150px;
	background-color: #5ba0c6;
	margin-top: 50px
}
.ceop {
	background-color: #5ba0c6;
	padding: 25px;
	margin-top: 35px
}
/*	Colour 1 #0e191f
	Colour 2 #5ba0c6
*/

.whistle-blowing {
	border-top: 1px solid #0e191f;
	padding-top: 25px;
	margin-top: 25px;
}


/* Coaches page ---------------------- */

#coachesPage, #formLandingPage {
	background-color: #5ba0c6;
	color: #fff;
}

.form-divider {
	width: 100%;
	height: 1px;
	background-color: #fff;
	margin-top: 35px;
	margin-bottom: 35px;
}

#formLandingPage h2 {
	font-size: 2rem;
}

/* Landing Page form ---------------- */

.supernova {
	background-color: #0d6efd !important;
	margin-top: 25px !important;
}

.blue-section-link a {
	color: #fff;
}

.blue-section-link a:hover {
	color: #0e191f;
}

.katie-image {
	margin-top: 25px;
}


/* Ethos ---------------------- */

.ethos-sub-title {
	font-weight: 800;
	font-style: italic;
	margin-top: 5px !important;
	font-size: 1.6rem;
}

.ethos-sub-title-large {
	font-size: 2rem;
	font-weight: 800;
	font-style: italic;
	margin-top: 5px !important;
}

#ethos li, #ethos .card li, #ethos .card2 li {
	list-style: none;
	font-weight: 800;
	font-size: 1.4rem;

}

#ethos2 li, #ethos2 .card li, #ethos2 .card2 li {
	list-style: none;
	font-weight: 800;
	font-size: 1.4rem;

}

#ethos ul, #ethos2 ul {
	margin: 0;
	padding: 0;
}

#ethos li:nth-child(odd) {
    color: #5ba0c6;
}
#ethos li:nth-child(even) {
    color: #0e191f;
}

#ethos2 li:nth-child(odd) {
	color: #5ba0c6;
}
#ethos2 li:nth-child(even) {
	color: #0e191f;
}

#ethos .card, #ethos2 .card {
	border: none;
	color: #fff;
	margin-top: 20px;
	margin-bottom: 0 !important;

}

.ethos-card a {
	color:#fff;
}

.ethos-card a:hover {
	opacity:0.6;
}

.ethos-card {
	margin-top: 20px;
}

#ethos .card img, #ethos2 .card img  {
	margin-top: 15px;
}

#ethos .card ul, #ethos .card2 ul {
	margin: 0;
	padding: 0;
}

#ethos2 .card ul, #ethos2 .card2 ul {
	margin: 0;
	padding: 0;
}

#ethos .card li:nth-child(odd) {
    color: #0e191f;
}

#ethos .card li:nth-child(even) {
    color: #fff;
}

#ethos .card2 li:nth-child(odd) {
    color: #5ba0c6;
}

#ethos .card2 li:nth-child(even) {
    color: #fff;
}

#ethos .card h3 {
	color: #fff !important;
	margin-top: 15px;
}

#ethos .card h4 {
	margin-top: -10px;
	font-size: 1.2rem;
}

#ethos .card {
	background-color: #5ba0c6;
}
#ethos .card2 {
	background-color: #0e191f;
}

#ethos2 .card li:nth-child(even) {
	color: #fff;
}

#ethos2 .card2 li:nth-child(odd) {
	color: #5ba0c6;
}

#ethos2 .card2 li:nth-child(even) {
	color: #fff;
}

#ethos2 .card h3 {
	color: #fff !important;
	margin-top: 15px;
}

#ethos2 .card h4 {
	margin-top: -10px;
	font-size: 1.2rem;
}

#ethos2 .card {
	background-color: #5ba0c6;
}
#ethos2 .card2 {
	background-color: #0e191f;
}


#ethos-bar {
	background-color: #0e191f;
	color: #fff;
	font-size: 3rem;
	font-family: museo-slab, serif;
	font-weight: 800;
	font-style: normal;
	text-transform: uppercase;
	margin: 0;
}


.list-item-icon {
	float: left;
	width: 15%;
	margin-left: 5%;
}

.list-item-text {
	float: left;
	margin-left: 5%;
	width: 65%;
}

.list-item-text p {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}

.list-item-icon-teams {
	float: left;
	width: 16%;
	margin-left: 3%;
	padding: 0;

}

.list-item-text-teams {
	float: left;
	margin-left: 3%;
	width: 43%;
	text-align: left;
	padding-left: 0;
	padding-right: 0;
}

.list-item-logo {
	float: left;
	width: 35%;
}

.list-item-logo img {
	margin-top: 8px !important;
	padding: 0 15%;
}

.list-item-logo p {
	font-size: 0.8rem;
	padding: 0 !important;
	margin-bottom: 0;
	font-family: museo-slab, serif;
	text-transform: uppercase;
}

.list-item-text-teams h2 {
	font-size: 1rem;
	line-height: 1rem;
}

.list-item-text-teams p {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}

.team-column-right {
	border-left: 1px solid #fff;
}

.ethos-bullet-text {
	font-size: 1.4rem;
	color: #0e191f;
}

.ethos-bullet-list {
	margin: 20px 0;
	padding-bottom: 15px;
	border-bottom: 1px solid #fff;
}

/* Facebook banner ------------- */

#facebook {
	background-color: #5ba0c6;
	padding-top: 15px;
	padding-bottom: 15px;

}

#facebook h3 {
	color: #fff;
	font-size: 1.4rem;
	margin-bottom: 0;
}

#facebook i, #facebook a {
	color: #fff;
	text-decoration: none;
}

#facebook i:hover, #facebook a h3:hover {
	color: #0e191f !important;
}

/* Info Page --------------------------- */

.relative {
	position: relative;
}

.hi-text {
	position: absolute;
	top: 25%;
	left: 5%;
	z-index: 2;
}

.hi-text h1 {
	color: #5ba0c6;
	text-shadow: 0px 0px 5px #000;
}

.hi-text h2 {
	color: #fff;
	text-shadow: 0px 0px 5px #000;
}

.hi-text p {
	color: #fff;
	text-shadow: 0px 0px 5px #000;
}

.hi-text-gt h2 {
	font-size: 3rem
	color: #fff;
	text-shadow: 0px 0px 5px #000;
	margin: 0;
}

.hi-text-gt h3 {
	font-size: 2.4rem
	color: #fff;
	text-shadow: 0px 0px 5px #000;
	margin: 0;
}

.mobile-tablet-info h1, .mobile-tablet-info h2 {
	color: #5ba0c6;
}

#image-header {
	padding: 0;
	position: relative;
	z-index: 1;
}

#image-header row {
	padding: 0;
}

#image-header img {
	width: 100%;
	height: auto;
}

#info h2 {
	font-size: 2.2rem;
}

.info-btn {
	margin-top: 10px;
	margin-bottom: 40px;
}

/* Golden Ticket --------- */

.gt-info h4 {
	color: #5ba0c6;
}

.gt-intro h2 {
	color: #5ba0c6;
	font-size: 3rem;
}

.mobile-tablet-info-gt h2, .mobile-tablet-info-gt h3 {
	color: #0e191f;
	font-size: 1.5rem;
}

/* Pathways section ------------------ */

#pathways {
	background-color: #0e191f;
	color: #fff;
	padding: 100px 0;
	margin-top: 50px;
}

.pathway-column {
	margin-top: 35px;
	padding: 0 25px;
}

.pathway-column h3 {
	font-size: 1.4rem;
	margin: 0;
}
.pathway-sign-off p {
	border-top: 1px solid #5ba0c6;
	margin-top: 25px;
	font-size: 1.6rem;

}

/* Nav --------------------- */

.navbar-expand-lg .navbar-nav .nav-link {
	padding-left: 0.3rem !important;
	padding-right: 0.3rem !important;
}

.bg-light {
	background-color: #fff !important;
	border-bottom: 1px solid #5ba0c6;
}

.menu-item a {
	font-size: 1rem;
}

.navbar {
	margin-top: 1%;
}

.navbar-brand img {
	max-height: 35px;
}

.nav-link {
	font-family: museo-slab, serif;
	font-weight: 800;
	font-style: normal;
	text-transform: uppercase;
	color: #0e191f !important;
}

.active {
	color: #5ba0c6 !important;
}

.nav-link:hover {
	color: #5ba0c6 !important;
}

.header-banner {
	background-color: #6f8a0f;
	padding-top: 5px;
	padding-bottom: 5px;
}

.header-banner a {
	color: #fff;
	font-size: 1.6rem;
	text-transform: uppercase;
}

.header-banner a:hover {
	color: #1b2203;
}

.envelope {
	margin-left: 25px;
}

.envelope a:hover {
	color: #1b2203;
}

.bar {
	text-align: center;
	background-color: #5ba0c6;

	position: fixed;
	z-index:10;
	top:0;
	width: 100%;
	height: 50px;
}

.fixed-top {
	top: 50px;
}

.bar p {
	color: #fff !important;
	margin: 0;
	font-size: 1rem;
}

.bar a {
	color:#0e191f;
	text-decoration: underline;
	font-family: museo-slab, serif;
	font-weight: 800;
	font-style: normal;
	text-transform: uppercase;
	font-size: 0.8rem;
}

.bar a:hover {
	color:#ffffff;
}


/* Sponsor  & Feedback---------------------- */

.owl-carousel .owl-stage{
	display: flex;
}
.item {
	display: flex;
	flex: 1 0 auto;
	height: 100%;
}


.sponsor-inner, .feedback-inner {
	width: 75%;
	margin: auto;
}

#feedback h2 {
	font-size: 2.8rem;
}

.sponsor-inner h2, .feedback-inner  h3 {
	font-size: 2rem;
}

.sponsor-inner p, .feedback-inner p {
	color: #0e191f !important;
}

.owl-theme .owl-dots, .owl-theme .owl-nav {
	padding-left:30px;

}



.owl-theme .owl-nav [class*=owl-] {
	background: none;
	color: #5ba0c6;
	font-size: 24px;
}

.owl-theme .owl-nav [class*=owl-]:hover {
	background: none;
	color: #0e191f;
}

.btn-outline-secondary {
	background-color: #fff;
	border-color: #5ba0c6;
	color: #0e191f;
	width: 30px;
}

.mobile-menu-title {
	color: #5ba0c6;
	font-family: museo-slab, serif;
	font-weight: 800;
	font-style: normal;
	text-transform: uppercase;
}

.mobile-tablet-info-sponsors {
	margin-bottom: 35px;
}

.sponsor-text h2, .sponsor-text h3 {
	margin: 0;
}

.sponsor-text h2 {
	font-size: 1.6rem;
	line-height: 1.6rem;
	margin-top: 15px;
}

.sponsor-text h3 {
	color: #0e191f;
	margin-bottom: 15px;
	font-size: 1.3rem;
}

.sponsor-intro {
	margin-bottom: 45px;
	padding-bottom: 5px;
	border-bottom: 1px solid #5ba0c6;
}

/* Embed responsive ACF */

.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Galleries Page ------------- */

.fbx-caption-title {
	display: none;
}

.wide {
	width: 100%;
}

#signing {
	background-color: #5ba0c6
}

#launch h2, #signing h2, #trials h2 {
	font-size: 2.4rem;
	margin-bottom: 15px;
}

/* SPOND register page ------------ */

#register-back {
	background: #5ba0c6;
	padding: 15px;
	text-align: center;
	margin-bottom: 15px;
}

#register-back h2  {
	color: #fff !important;
	font-size: 1.4rem !important;
	line-height: 1.8rem !important;
}

#register-back p {
	color: #fff;
	margin-left: 0;
	text-transform: uppercase;
}

#register-back .btn-primary:hover {
	background: #fff;
	color: #5ba0c6;
}

.spond-btn {
	margin-top:10px !important;
	margin-bottom:10px !important;
}

.card {
	border: none !important;
}


/* Skills Page Styles */

#skills .card {
	background: #0e191f;
	color: #fff;
}

#skills .card h2, #skills .card h3 {
	color: #5ba0c6;
}

 #skills .card h3 {
	 margin-top: 25px;
 }


#skills .card strong {
	color: #5ba0c6;
}

#skills .btn-secondary:hover {
	background-color: #fff;
	color: #0e191f;
}

.non-afc {
	border-top: 2px solid #fff;
	margin-top: 15px;
	padding-top: 10px;
}


/* ADDED 29th SEPT 2023 ---------- */

#ethos .skills-card {
	background-color: #d7b136;
}

#ethos .card a {
	margin-top: 20px;

}

#ethos2 .skills-card {
	background-color: #d7b136;
}

#ethos2 .card a {
	margin-top: 20px;

}

.video-column {
	margin-top: 25px;
}

.page-id-587 .list-item-logo a {
	height: 100%;
}

/* EO ADDED 29th SEPT 2023 ---------- */

/* Fireworks page ------------------ */

.wide {
	width: 100%;
}

.iframe-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  pointer-events: none;
  overflow: hidden;
}

/* Make the iframe keep an aspect ratio, and
position it in the middle of its parent wrapper*/

.iframe-wrapper iframe {
  width: 100vw;
  height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
  min-height: 100vh;
  min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.video-header {
	position: absolute;
	text-align: center;
	width: 100vw;
	height: 400px;
}

.video-header,
.video-header video,
.video-header .viewport-header {
	width: 100vw;
	height: 100vh;
	position: relative;
	top: 0;
	left: 0
}

.video-header video {
	background: #131920;
	object-fit: cover
}

.video-header .viewport-header {
	display: flex;
	align-items: center;
	justify-content: center
}

.fireworks-overlay {
	position: absolute;
	  left: 0;
	  right: 0;
	  bottom: 150px;
	  margin-left: auto;
	  margin-right: auto;
	  width: 300px; /* Need a specific value to work */
	  z-index: 999999;
}

.fireworks-text h1 {
	color: #5ba0c6;
}

.fireworks-text i {
	font-size: 4rem;
}

.fireworks-text i:hover, .fireworks-text a:hover {
	color: #131920;
}

/* Blog Extra-time section ------------- */

.blog-card .card {
	margin-top: 15px;
	padding: 20px;
	border-radius: 15px;
	background-color: #0e191f;
	color: #fff;
	margin-top: 15px;

}

.blog-card .card h2  {
	font-size: 1.4rem;
	line-height: 1.6rem;
	color: #fff;
 }

 .blog-card .card p {
	 color: #fff;
 }

 .blog-page-header h1 {
	 font-size: 3.6rem;
	 color: #5ba0c6;
	 margin: 0 !important;
 }

 .blog-page-header h2 {
	  color: #0e191f;
	  font-size: 2.6rem;
	  margin: 0 0 40px 0 !important;
  }

.card-footer {
	border: none !important;
}

#single-post {
	margin-top: 40px;
}


#single-post .text-muted {
	color: #999 !important;
}

.post-date {
	color: #379ed1;
	font-size: 1.3rem;
}


/* EO Blog Extra-time section ------------- */

@media(max-width:450px){
	#katie, #coaching {
		min-height: 350px;
	}

	body {
		padding-top: 120px !important;
	}

	.list-item-text h4 {
		font-size: 15px !important;
	}
	.list-item-text p {
		font-size: 14px !important;
	}
	.mobile-space {
		margin-top: 20px;
	}
	.envelope {
		margin-left: 0;
	}
	.bar {
		padding-top: 0 !important;
	}

	.bar p {
		font-size: 0.9rem;
	}
	.bar a {
		font-size: 0.8rem;
	}
}

@media(max-width:767px){




	.btn {
		padding: 2px 4px;
	}

	#homeThree, #katie-wrapper {
		padding-top: 0;
	}

	#homeFive h2, #home-sponsorship h2, #coaches h2, #ethos h2, #ethos2 h2, #ethos-bar, #safeguarding h2 {
		font-size: 2.2rem;
	}

	.list-item-text-teams h2 {
		font-size: 1.1rem !important;
	}

	.top-button {
		display: none;
	}

	.hi-text h1 {
		font-size: 2rem;
	}
	.hi-text h2 {
		font-size: 2.6rem;
	}
	.hi-text-gt h2 {
		font-size: 2.3rem;
	}
	#katie {
		min-height: 350px;
	}

	.list-item-icon {
		padding: 0;
	}
	#pathways h2 {
		font-size: 3rem;
	}


}
@media(max-width:991px){
	#katie, #coaching {
			min-height: 550px;
		}
	#katie-info {
		margin-top: 35px;
		padding: 0 25px !important;
	}
	#homeOne, #home-top-image {
		padding-top: 0;
	}
	#katie {
		min-height: 550px;
	}

}

@media(min-width:451px) and (max-width:776px){
	body {
		padding-top: 14%;
	}
}

@media(min-width:777px) and (max-width:990px){
	body {
		padding-top: 12%;
	}
}

@media(min-width:992px) and (max-width:1215px){
	#katie-info {
		margin-left: 25px;
	}
	#katie {
		background-position: center top;
	}
	#katie-info p {
		font-size: 1rem;
	}
	#katie {
		min-height: 750px;
	}
}




@media(min-width:768px){
	#top-bar h2 {
		font-size: 1.2rem ;
		margin-right: 10px;
	}

	#top-bar .slab {
		font-size: 1.4rem;
	}
	.btn-primary {
		font-size: 1.2rem;
	}
	h2 {
		line-height: 3rem;
	}
	#top-bar {
		height: 70px;
		padding: 15px 10px 0 0;
	}
	#katie-info {
		padding: 25px 0
	}
	#homeThree, #katie-wrapper {
		padding: 0;
	}
	#register {
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.hi-text-gt h2 {
		font-size: 2.5rem;
	}


	.bar {
		padding: 10px 0 0 0;
	}

.fireworks-overlay {
		  width: 600px; /* Need a specific value to work */
	}


}
@media(min-width:992px){
	#top-bar h2 {
		font-size: 1.4rem ;
	}

	#top-bar .slab {
		font-size: 1.9rem;
	}
	.btn-primary {
		font-size: 1.4rem;
	}
	.wpcf7 {
		width: 80%;
	}


	input[type=submit] {
		width: 60%;
	}
	#register {
		padding-top: 150px;
		padding-bottom: 150px;
	}
	.sponsor-inner img {
		padding: 0 35%;
	}
	#katie-info {
		text-align: left;
	}
	.bar p {
		font-size: 1.1rem;
	}
	.bar a {
		font-size: 1rem;
	}
.fireworks-overlay {
		  width: 800px; /* Need a specific value to work */
	}



}
@media(min-width:1200px){
	#coaching {
		background-position: center top;
	}

	#katie {
		background-position: center center;
	}
	.wpcf7 {
		width: 60%;
	}
	#katie {
		min-height: 550px;
	}

	.navbar-expand-lg .navbar-nav .nav-link {
		padding-left: 0.75rem !important;
		padding-right: 0.75rem !important;
	}


	input[type=submit] {
		width: 40%;
	}
	.list-item-text-teams h2 {
		font-size: 1.3rem;
		line-height: 1.3rem;
	}
	#register-back h2  {
		color: #fff !important;
		font-size: 1.7rem !important;
		line-height: 2rem !important;
	}
}

@media(min-width:1400px){
	body {
		padding-top: 6%;

	}
}

@media(min-width:1800px){
	body {
		padding-top: 4%;

	}
}

@media(max-width:450px){
	#katie {
		min-height: 250px;
	}
 }