@charset "utf-8";
body {font-family: Centaur; margin:0;} /***NOT A GOOGLE FONT!***/
div.wrapper{width:1140px;  margin: 0 auto;}
h1, h2, a, p {font-family: Centaur;} /***NOT A GOOGLE FONT!***/
table {border-radius: 25px;}
table tr:nth-child(1) th:nth-child(1) {border-radius:15px 0 0 0;}
table tr:nth-child(1) th:nth-last-child(1) {border-radius:0 15px 0 0;}
table tr:nth-last-child(1) td:nth-child(1), table tr:nth-last-child(1) th:nth-child(1) {border-radius:0 0 0 15px;}
table tr:nth-last-child(1) td:nth-last-child(1) {border-radius:0 0 15px 0;}

/***Header***/
div.header {background-color:#98c4c1; align-content: center; padding: 10px; width: 100%; display: inline-block; margin: 0;}
div.header div.wrapper {display: flex;}
div.header ul {margin-left: 46px; margin-top:25px;}
div.header li{display:inline-block; margin-right: 10px; padding-right:10px; border-right:2px solid #fff; }
div.header li.last {border: none;}
div.header li a {text-decoration: none; color: #fff;}
div.header li a:hover {color:#0a2b35;}
div.icon{width: 100px; height:100px;}

/***Content Home Page***/
div.home{background: url("Images for Gym Website/background.png") top center no-repeat; padding-top: 150px;  width:100%; background-size: 100%;}
div.CTA.home{background: url("Images for Gym Website/cta.png") bottom left no-repeat; padding:500px 0 50px 0; }
div.CTA.home a {display: block; background: #98c4c1; padding: 10px 15px; border-radius:10px; color: #0a2b35; font-size:24px; text-decoration: none; width: 258px; text-align: center; margin-left: 300px; margin-bottom: 100px;}
div.CTA.home a:hover {background-color: #0a2b35; color: white;}

/***Content About Page***/
div.content.about{background: url("Images for Gym Website/logobackground2.png") center; background-repeat: repeat-y; padding-top: 50px; padding-bottom: 400px; width:100%; backgrounnd-size: 100%;}
div.content.about{background-color:	#6d8f99;}
div.wrapper.about{color: white; font-size: 20px; margin-left: 150px;}
div.content.about.text{color: white; font-size: 20px; margin-right: 100px; text-align: center; }
div.content.about h2{color: white; text-align: center;}
div.content.about img{padding-left: 750px;}
div.content.about p{background: white; color: #0a2b35; display: block; border-radius: 10px; text-align: center; margin-left: 400px;}
div.content.about iframe{margin-left: 800px;}

/***Content Trainer Page***/
div.content.trainer{background: url("Images for Gym Website/logobackground2.png") center; background-repeat: repeat-y; padding-top: 50px; padding-bottom: 400px; width:100%; backgrounnd-size: 100%;}
div.trainer table{border-collapse: collapse;}
h1{text-align: center; font-size: 100px; color: white;}
div.content.trainer{background-color: #6d8f99;}
div.trainer td{background-color:#98c4c1; color:white; padding:50px; font-size: 30px;}
div.trainer th{background-color:#0a2b35; color:white;  font-size: 55px;}
div.content.trainer table{box-shadow: 10px 10px 10px 10px #4E676F;}

/***Content Classes Page***/
div.content.classes{background: url("Images for Gym Website/logobackground2.png") center; background-repeat: repeat-y; padding-top: 50px; padding-bottom: 400px; width:100%; backgrounnd-size: 100%;}
div.classes table{width: 100px; box-shadow: 10px 10px 10px 10px #4E676F; margin-left: 250px;}
h1{text-align: center; font-size: 100px; color: white;}
div.content.classes{background-color: #6d8f99;}
div.classes td{background-color: white; color:#0a2b35; padding:10px; font-size: 30px;}
div.classes th{background-color:#0a2b35; color:white; font-size: 20px;}

/***Content Sign Up Page***/
div.content.member{background: url("Images for Gym Website/logobackground2.png") center; background-repeat: repeat-y; padding-top: 50px; padding-bottom: 400px; width:100%; backgrounnd-size: 100%;}
div.content.member table{border-collapse: collapse; margin-left: 300px;}
div.content.member h2{color: white; text-align: center;}
div.content.member{background-color: #6d8f99;}
div.content.member table{padding-left: 150px; box-shadow: 10px 10px 10px 10px #4E676F; margin-right: 300px;}
div.content.member th{background-color: #0a2b35; text-align: center; color: white; padding: 20px;}
div.content.member td{padding:50px; background-color: white; text-align:center; color:#0a2b35; }
 
/***Footer***/
div.footer p{color: white; display: inline-block; display: flex; font-size: 24px;}
div.footer {background-color:#98c4c1; align-content: center; padding: 10px; text-align: center; width: 100%; display: inline-block; margin: 0;}
div.footer{display: flex;}
div.footer ul {margin-left: 46px;}
div.footer li{display:inline-block; margin-right: 10px; padding-right:10px;}
div.footer a {color:white; text-decoration: none; width: 100px;}