@charset "UTF-8";
/* CSS Document */
body {font-family: "octin-prison", sans-serif; margin: 0px}
div.wrapper {width: 1140px; margin: 0 auto;}
h1, h2, h3, div.footerLeft {font-family: "octin-spraypaint", sans-serif;}

/*Header Stuff*/

div.header {background: url("Images/texture2.png") top center no-repeat #edd7d7; background-size: 100%; background-blend-mode: multiply;}

div.header div.wrapper {padding-top: 20px; padding-bottom: 20px; background:url("Images/shapes2.png") top left no-repeat, url("Images/shapes3.png") top right no-repeat; background-size:40%, 40%;}

p {display: block; margin-left: 15%;}

p2 {display: block; margin-left: 75%;}

a.logo {display: block; width: 401px; margin: 10px auto}

div.nav div.wrapper ul li {display:inline-block; margin: 0px 50px;}

div.nav ul li a { font-size:35px; background-color: #d24b4d; padding: 10px; border-radius: 50px; text-align: center; display:block; -webkit-text-stroke: 1.15px white; text-stroke: 1.15px white;font-family: "octin-spraypaint", sans-serif; color:black; border:8px solid #871111; text-decoration: none; width: 125px; transition: transform .2s;}

div.nav ul li a:hover {transform: scale(1.1); background: #871111; border: 8px solid #d24b4d;}



/***Content Contact***/

div.content.contact {background: url("images/rectangles.png") top center no-repeat, url("images/texture2.png") top center no-repeat, url("images/background3.png") top center no-repeat #3f1716}

div.content.contact div.wrapper div.saftey h1 {color: white; font-size: 40px; margin-left: 37%; padding-top: 40px;}


div.content.contact div.wrapper div.saftey h2 {color: #d24b4d; font-size: 40px; margin-left: 40%; padding-top: -5px; -webkit-text-stroke: .15px #871111; text-stroke: .15px #871111; transform: .3s;}


div.content.contact div.wrapper div.saftey h2:hover {display: block; transform: scale(1.1); font-size: 40px; color: white;}


/***Footer Contact***/

div.content.contact div.footer div.footertext p {display: flex; font-size: 30px; color:white; align-text: center; width: 800px; margin-left: 60%;}

div.content.contact div.footer div.form form {display: inline-block; background-color: #871111; padding: 20px 10px 20px 20px; margin-top: 20%; border: 8px solid #d24b4d; border-radius: 20px; font-size: 20px; margin-left: -45%; width: 600px; }

div.content.contact div.footer div.form input[type="text"], input[type="email"], input[type="tel"], input[type="date"], input[type="submit"], input[type="reset"], textarea {background-color: #d24b4d; margin-bottom: 20px; border: 10px solid #d24b4d; border-radius: 40px; text-align: center;}

div.content.contact div.footer input[type="reset"], input[type="submit"] {display: inline-block; font-family: "octin-prison", sans-serif; width: 200px; font-size: 15px;}

div.content.contact div.footer input[type="reset"]:hover, input[type="submit"]:hover {transform: scale(1.1); background: white; border: 9px solid white;}



/***Content Tour***/

div.content.tour {background: url("images/rectangles.png") top center no-repeat, url("images/texture2.png") top center no-repeat, url("images/background3.png") top center no-repeat #3f1716}

div.content.tour div.wrapper div.schedule p {display: flex; color: white; font-size: 25px; margin-left: 42%; padding-top: 30px;}


div.content.tour div.wrapper div.schedule table {align: right; font-size: 20px; margin-left: 8%; ; width: 80%; margin-bottom: 50%; padding-bottom: 30px; }
td, th {
  border: 2px solid #ddd;
	background-color: #871111;
  padding: 5px;}

th {padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: #d24b4d;
  color: white;}


/***Footer Tour***/

div.footer div.wrapper div.footer.text p {display: flex; color: white; margin-right: 70%; font-size: 40px; margin-top:-45%; margin-left: 10%; -webkit-text-stroke: 1px #d24b4d; transition: transform .2s;}

div.footer div.wrapper div.footer.text p:hover {transform: scale(1.1); font-size: 40px; color: #871111;}


div.footer div.wrapper div.map iframe {display: block; margin-left: 35%; margin-top: -50%;}





/***Content Training**/

div.content.training {background: url("images/rectangles.png") top center no-repeat, url("images/texture2.png") top center no-repeat, url("images/background3.png") top center no-repeat #3f1716}


div.classes  {display: inline-block; border: 6px solid #871111; border-radius: 40px; background-color: #d24b4d; width: 40%; margin-top: 6%; padding-bottom: -20px}


div.content.training div.wrapper div.classes h1 {display: block; font-size: 40px; text-align: center;}


div.content.training div.wrapper div.classes p {display: block; text-align: center; font-size: 20px; margin-top: 20%; align-items: center; width: 100%; margin-left: -0.0009%; padding-left: 1%;}


div.content.training div.wrapper div.classes h2 {display: block; font-size: 40px; text-align: center; color: white; margin-right: -60%; width: 100%; align-items: center; transition: transform .2s;}

div.content.training div.wrapper div.classes h2:hover {transform: scale(1.1); font-size: 40px; color: #871111}


div.content.training div.wrapper div.equipment table {display: block; float: right; border-collapse: collapse; width: 50%; margin-top: -30%; margin-right: 4%;}
td, th {
  border: 2px solid #ddd;
	background-color: #871111;
  padding: 5px;}

th {padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: #d24b4d;
  color: white;}


/***Footer Training***/

div.content.training div.wrapper div.diet h1 {align-content: center; background-size: 500px; padding: 0px 60px 0px 50px; width: 1000px; height: 700px; margin: 5% 0% 0% 5%; display: flex; font-size: 36px; font-family: "octin-prison", sans-serif; -webkit-text-stroke: 1px white; text-stroke: 1px white; transition: transform .2s;}

div.content.training div.wrapper div.diet h1:hover {transform: scale(1.1); font-size: 40px; color: #d24b4d; align-content: center;}


div.content.training div.wrapper div.diet img {display: flex; width: 400px; margin-left: 50%; margin-top: -80%;}



/***Content About***/

div.content.about {background: url("images/rectangles.png") top center no-repeat, url("images/texture2.png") top center no-repeat, url("images/background3.png") top center no-repeat #3f1716}


div.content.about div.wrapper div.mission h1 {color: #871111; -webkit-text-stroke: 1px white; text-stroke: 1px white; background-color: #d24b4d; font-size: 30px;}


div.content.about div.wrapper div.mission h2 {-webkit-text-stroke: 1.15px white; text-stroke: 1.15px white; background-color: #d24b4d; font-size: 30px; text-align: right; margin-bottom: 4%; margin-left: 83%; margin-top: -4.7%;}


div.content.about div.wrapper div.mission h3 {-webkit-text-stroke: 1.15px black; text-stroke: 1.15px black; background-color: #d24b4d; font-size: 30px; text-align: center; margin-bottom: 4%; margin-top: -6.9%;}


div.bio {display: flex; border: 10px solid #871111; border-radius: 40px; background-color: #d24b4d; margin-top: 10%;}


div.content.about div.wrapper div.bio div.abouttext h1 {font-size: 36px; margin-left: 20px;} 


div.content.about div.wrapper div.bio div.abouttext p {font-size: 20px; padding-right: 10px; width: 100%; margin-left: 20px; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";}

div.content.about div.wrapper div.bio div.abouttext span {color: white;}


/***Footer About***/

div.content.about div.wrapper div.footer div.coaches a {background: url("about/images/images/shillouette_03.png") top right no-repeat; background-size: 150px; padding: 30px 175px 30px 30px; width: 550px; height: 100px; margin: 5% 0% 0% 20%; display: block; font-size: 36px; font-family: "octin-prison", sans-serif; -webkit-text-stroke: 1px white; text-stroke: 1px white; transition: transform .2s;}

div.content.about div.wrapper div.footer div.coaches a:hover {transform: scale(1.1); font-size: 40px; color: #d24b4d;}




/***Content Home***/

div.content.home {background: url("images/rectangles.png") top center no-repeat, url("Images/texture2.png"), url("Images/background3.png") top center no-repeat #3f1716; padding: 0px 0px 0px 0px;}

div.content div.wrapper a.CTA {display: block; font-size: 36px; color: white; text-decoration: none; margin-left: 5%; margin-right: 43%; padding: 3%}


div.content div.wrapper a.CTA span {display: inline-block; font-size: 40px; background: -webkit-linear-gradient(#d24b4d, #871111); 
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px #eed9d9; text-stroke: 1 #eed9d9;}

div.overlay {display: block; margin-top: -700px;}

div.texture {opacity: 20%; display: block; margin-top: -1000px}



/***Footer Home***/

div.footer {display: flex;}

div.footerright {width: 40%; margin-top: 20%; margin-left: 50%}

div.footerLeft {width: 40%; margin-top: 15%; margin-right: -35%; margin-left: 5%}

div.footerLeft a.testimonials {display: block; font-size: 21px; color: white; padding: 4%; text-decoration: none;}

div.footerLeft p.testimonials  {display: flex; color: white; font-size: 15px; margin: 2px 0 0 2px; padding: 15px; }

div.footerLeft p.signature {display: flex; align: right;}