@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500&display=swap');

body {
	background: #fff;
	overflow-x: hidden!important;
 }

h1, h2, h3, a, p {
  font-family: 'Poppins';
 }

h2 {
  font-size: 65px;
}

#news h2 {
  font-size: 20px;
}

@media screen and (max-width: 1820px) {
  .servicesBottomLeft #news h2 {
    font-size: 3.5vw!important;
    }
}

@media screen and (max-width: 1480px) {
    .servicesBottomLeft h2 {
      margin-left: 35px;
      font-size: 1.25vw!important;
  }
  .servicesTopRight h2 {
    font-size: 1.25vw!important;
}
  }

  @media screen and (max-width: 991px) {
    .servicesBottomLeft h2 {
      margin-left: 35px;
      font-size: 2vw!important;
  }
  .servicesTopRight h2 {
    margin-left: 35px;
    font-size: 2vw!important;
}
  }


@media screen and (max-width: 619px) {
  #news h2 {
  float: left!important;
  font-size: 3vw!important;
  }
}


        @media screen and (max-width: 471px) {
          .servicesBottomLeft {
            height: 575px!important;
        }
                }

                @media screen and (max-width: 411px) {
                  .servicesTopRight {
                    height: 575px!important;
                }
                        }


                @media screen and (max-width: 330px) {
                  #news h2 {
                  float: left!important;
                  font-size: 5.2vw!important;
                  }
                }

h3 {
  font-size: 30px;
}

p {
  font-size: 18px;
font-weight: 300!important;
}

 .specialMessage {
  text-align: center;
  background: #00008c;
  position: fixed;
  z-index: 9999;
  border-bottom: solid 2px white;
  width: 100%;
  top: 0px;
  height: 30px;
  }
  
  .specialMessage p {
	color: white!important;
  }
  

  #myBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: slategrey;
    transition: 0.5s;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 4px;
    box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12);
  }
  
  #myBtn:hover {
    background-color: #555;
  }



html {
	scroll-behavior: smooth;
	box-sizing: border-box;
}

.mobile-menu__items {
	overflow-y: hidden!important;
}

.mobile-menu.active {
	overflow-y: hidden!important;
}


.upperNav {
  background-color: #2f2f8c;
  height: 40px;
}

.upperNav ul {
  background-color: #2f2f8c;
  height: 40px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.uppperNav li {
  float: right;
  margin-top: 17px;
}

.upperNav li a {
  display: block;
  padding: 8px;
  color: #fff;
  transition: 0.5s;
  border-bottom: solid 2px #fff;
  float: right;
}

.upperNav a {
text-decoration: none;
}

.upperNav a:hover {
color: #96e6da;
  }


.socialLinks {
  position: absolute;
  color: white;
  margin-left: 10px;
  margin-top: 3px;
}

.socialLinks a {
  color: white;
  font-size: 18pt;
  margin-left: 20px;
}



.navMain {
  height: 85px;
  box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12);
}

.navMain ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: white;
  height: 60px;
}

.navMain li {
  float: right;
  margin-top: 17px;
}

.navMain li a {
  display: block;
  padding: 8px;
  color: #333;
  transition: 0.5s;
  border-bottom: solid 2px #fff;
}

.navMain li a:hover {
  color: #2f2f8c;
  text-decoration: none;
  border-bottom: solid 2px #2f2f8c;
  transition: 0.5s;
}

.navMain .active {
  border-bottom: solid 2px #2f2f8c;
  color: #2f2f8c;
  font-weight: 800;
}
.navMain #active {
  border-bottom: solid 2px #2f2f8c;
  color: #2f2f8c;
  font-weight: 800;
}

.navLogo {
width: 145px;
position: absolute;
}



.logoMain {
    width: 230px;
    margin-top: 12px;
    float: left;
    margin-left: 22px;
    position: fixed;
    z-index: 1000;
    transition: 0.25s;
}

.topnav {
  position: fixed;
    width: 100%;
    /*overflow: hidden;*/
    background-color: white;
    height: 100px;
z-index: 99;
  }
  
  .topnav a {
    float: left;
    color: #33acff;
    text-align: center;
    padding: 5px 25px 5px 25px;
    text-decoration: none;
    font-size: 17px;
    margin-top: 30px;
    left: 275px;
    border-radius: 25px;
    transition: 0.25s;
    position: relative;
    font-weight: 600;
  }
  
  .topnav a:hover {
    background-color: #33acff;
    color: #fff;
    border-radius: 25px;
    padding: 5px 25px 5px 25px;
    transition: 0.25s;
  }
  
  /* Create a right-aligned (split) link inside the navigation bar */
  .topnav a.split {
    float: right;
    background-color: transparent;
    color: #33acff;
    margin-top: 30px;
    transition: 0.25s;
    left: -25px!important;
    font-weight: 600;
  }

  .topnav a.split:hover {
    float: right;
    background-color: #33acff;
    color: #fff;
    padding: 5px 25px 5px 25px;
    transition: 0.25s;
  }

  .split {
    float: right;
    position: relative;
    margin-top: 0px;
    color: #33acff;
    left: -310px;
  }

.mobNav {
  text-decoration: none;
  position: fixed;
  top: 58px;
  z-index: 999;
}

  .mobNav .mobSocialNav {
    position: relative;
  }

  .mobSocialNav a {
    text-decoration: none;
    color: #33acff;
  }

.mobMenuLogo {
  width: 83px;
  float: right;
  margin-top: -55px;
}

.mobMenuContactTel a, .mobMenuContactEmail a {
  color: white;
  text-decoration: none;
}

.mobMenuContactTel a:hover, .mobMenuContactEmail a:hover {
  color: #2f2f8c;
  text-decoration: none;
}


.overflow {
  overflow-x: hidden;
}




  .accordion {
    background-color: #000;
    color: #fff!important;
    cursor: pointer;
    padding: 0px;
    width: 80%;
    border: none;
    text-align: left;
    outline: none;
    margin-top: 0px;
    margin-left: 37px;
    transition: 0.5s;
    }
    
    .go, .accordion:hover {
    transition: 0.5s;
    background-color: black; 
    }
    
    .panel {
    transition: 0.5s;
    padding: 0 18px;
    display: none;
    background-color: black;
    overflow: hidden;
    margin-top: 20px;
    }
  
    .panel a {
    transition: 0.5s;
      color: white;
      text-decoration: none!important;
    }

.panel li {
  font-size: 20px;
    padding-bottom: 10px;
}


#subNav a {
  color: white!important;
}
#subNav a:hover {
  text-decoration: none!important;
  color: white!important;
}







.dropbtn {
  background-color: ;
  color: white;
  padding: 0px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.dropdown {
  position: unset;
  display: block;
  
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  float: right;
  top: 97px;
  right: 275px;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
  background-color: ;
}





.dropbtn2 {
  background-color: ;
  color: white;
  padding: 0px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.dropdown2 {
  position: unset;
  display: block;
  
}

.dropdown2-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  float: right;
  top: 97px;
  right: 455px;
}

.dropdown2-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown2-content a:hover {background-color: #f1f1f1}

.dropdown2:hover .dropdown2-content {
  display: block;
}

.dropdown2:hover .dropbtn2 {
  background-color: ;
}









#homeMain {
  background: url(../img/homeMain.jpg);
    height: 1000px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: 0px;
    position: relative;
}

#aboutMain {
  background: url(../img/p1.jpg);
    height: 450px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: 0px;
    position: relative;
}

#workshopMain {
  background: url(../img/p1.jpg);
    height: 450px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: 0px;
    position: relative;
}

#studioMain {
  background: url(../img/studio4-min.jpg);
    height: 450px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: 0px;
    position: relative;
}


#whyMain {
  background: url(../img/p2.jpg);
    height: 450px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: 0px;
    position: relative;
}


#contactMain {
  background: url(../img/studio4.jpg);
    height: 450px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: 0px;
    position: relative;
}


#classesMain {
  background: url(../img/studio2.jpg);
    height: 450px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: 0px;
    position: relative;
}

#testimonialsMain {
  background: url(../img/p5.jpg);
    height: 450px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: 0px;
    position: relative;
}

#termsMain {
  background: url(../img/p6.jpg);
    height: 450px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: 0px;
    position: relative;
}

#privacyMain {
  background: url(../img/p4.jpg);
    height: 450px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: 0px;
    position: relative;
}

.mainLogo {
  margin-left: -2.75%;
  width: 50%;
}

.mainText {
  margin-top: 50px;
  margin-left: 10%;
  position: absolute;
}

.headingOne {
  color: white;
  font-size: 4vw;
}

.headingAbout {
  color: white;
  font-size: 5.25vw;
}

.headingWhy {
  color: white;
  font-size: 5.25vw;
}

.headingClasses {
  color: white;
  font-size: 5.25vw;
}

.headingTestimonials {
  color: white;
  font-size: 5.25vw;
}

.headingTerms {
  color: white;
  font-size: 5.25vw;
}

.headingContact {
  color: white;
  font-size: 5.25vw;
}

.headingPrivacy {
  color: white;
  font-size: 5.25vw;
}

.headingTwo {
  color: white;
  font-size: 3vw;
}

.main_btn {
  color: white;
  background-color: #000080;
  border: solid 1px #000080;
  padding: 8px 15px 8px 15px;
  cursor: pointer;
  transition: 0.5s;
  font-size: 18pt;
}

.main_btn:hover {
  background-color: white;
  color: #000080;
  transition: 0.5s;
}

.mainLink {
  margin-top: 20px;
  position: absolute;
}

.mainLink:hover {
  text-decoration: none;
}





#services {
  margin-top: -100px;
  position: relative;
  z-index: 1;
}

.galtitle
{

line-height: 1.1em;
font-weight: normal;
font-size: 11pt;
color: #000;
font-family: 'Noto Serif', serif;

}

.galtext
{
text-align: center;
}

.galrow {
  margin: 8px -16px;
}


/* Create three equal columns that floats next to each other */

.galcolumn {
  display: inline-block;
  width: 19%;

}

/* Clear floats after rows */ 
.row:after {
  content: "";
  display: table;
  clear: both;
}

.termsHeadings {
font-size: 30px!important;
position: relative!important;
top:0%!important;
left: 0%!important;
opacity: 1!important;
color: #2f2f8c;
}

.termsUnderline {
  border: solid 1px #2f2f8c;
  width: 80%;
  margin-left: 0px;
}

.container {
  padding-right: 0px;
  padding-left: 0px;
}

.container h3{
  position: absolute;
  top:50%;
  left: 25%;
  opacity: 0;
  transition: all 0.4s ease-in-out;
  
}
.container img{
  transition: all 0.3s ease-in-out;
  
}

.container img:hover{
  filter: blur(0px);
}
.container img:hover + h3{
  opacity: 1;
}

.content {
  padding: 0px;
}




.boxHeading {
  position: relative;
  top: -160px;
  color: white;
  font-size: 20pt;
  width: 230px;
  text-align: center;
  display: inline-grid;
  transition: 0.5s;
}

.boxImg {
  width: 230px;
  height: 250px;
  object-fit: cover;
  transition: 0.5s;
  border: solid white 10px;
}

.boxImg:hover {
transform: scale(1.05);
box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  transition: 0.5s;
}

.content:hover .boxHeading {
  transform: scale(1.05);
  transition: 0.5s;
}

#quote {
  background: url(../img/quoteBGimg.png);
    height: 1000px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: -60px;
    position: relative;
}

#quote2 {
  background: url(../img/quoteBGimg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#classes {
  background: url(../img/quoteBGimg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.quoteBox {
  display: flex;
  justify-content: center;
  align-items: center;
}

.quoteCentered {
  width: 75%;
  height: 50%;
  margin-top: 375px;
}

.quoteLine {
  width: 50%;
  border-color: #2f2f8c;
  margin-left: 0px;
}

.quoteText {
  color: grey;
    font-weight: 200;
    font-style: italic;
    font-size: 20px;
    line-height: 30px;
}

.checked {
  color: orange;
}


.container-fluid {
  padding-right: 0px!important;
  padding-left: 0px!important;
}

.servicesTopLeft {
height: 475px;
background: url(../img/studio1.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

.servicesTopRight {
height: 475px;
background: #2f2f8c;
color: white;
}

.servicesTopRight hr {
  width: 60%;
  border: solid 1px white;
  margin-left: 0px;
  }

  .servicesTopRight h2 {
    margin-left: 35px;
    }

    .servicesBottomLeft h2 {
      margin-left: 35px;
      }

      .servicesBottomLeft hr {
        width: 60%;
        border: solid 1px #000080;
        margin-left: 0px;
        }

.servicesBottomLeft {
  height: 475px;
  background: #dbdbed;
  }


  .servicesBottomRight {
    height: 475px!important;
    background: url(../img/pilates-room.jpg);
/*    background: url(../img/SLstretch.jpg);*/
/*    background: url(../img/pregwellness.jpg);*/
    background-color: #b2cc9c;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    }

.pregPic {
  height: 475px;
}


.servicesContent {
  margin-top: 75px;
  margin-left: 15px;
  padding-right: 15px;
}




.servicesTopfarRight {
  height: 400px;
  background: url(../img/spinalPoster.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #223f8b;
}



.jumpBox {
  margin: auto;
  height: 400px;
  width: 100%;
  object-fit: cover;
  padding: 15px;
}

.jumpBoxBackground {
  display: flex;
  background: #223f8b;
}


.jumpBox2 {
  margin: auto;
  height: 400px;
  width: 100%;
  object-fit: cover;
  padding: 15px;
}

.jumpBoxBackground2 {
  display: flex;
  background: #b3cd9c;
}


    .mainLink2 {
      margin-top: 20px;
      position: absolute;
    }

    .mainLink3 {
      top: 25px;
      position: relative;
    }

    .main_btn2 {
      color: white;
      background-color: #000080;
      border: solid 1px #000080;
      padding: 8px 15px 8px 15px;
      cursor: pointer;
      font-size: 18px;
      position: relative;
      transition: 0.5s;
      z-index: 99;
    }
    
    .main_btn2:hover {
      background-color: white;
      color: #000080;
      transition: 0.5s;
    }



.studioPic {
  display: flex;
  justify-content: center;
}


    .aboutContent {
      margin-top: 150px;
    }

    .aboutContent hr {
      width: 60%;
      border: solid 1px #000080;
      margin-left: 0px;
      }

      .aboutContent h2 {
        margin-left: 35px;
        }

.aboutContentImg {
  height: 1120px;
  border-left: solid 2px lightgrey;
  padding-left: 20px;
}

.aboutImg {
  width: 100%;
  object-fit: cover;
  height: 890px;
  margin-top: 120px;
}


.classesText h2{

  margin-left: 35px;

}

.aboutPageContent {
border-right: solid 2px lightgrey;
padding-right: 20px;
}

.aboutPageContent hr {
  width: 60%;
  border: solid 1px #000080;
  margin-left: 0px;
  }

  .aboutPageContent h2 {
    margin-left: 35px;
    }

.aboutPageContentImg {
  height: 100%;
  margin-top: 0px;
  background: url('../img/sarah1.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.aboutPageContentImg2 {
  height: 100%;
  margin-top: 0px;
  background: url('../img/studio0.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.aboutPageContentImg3 {
  height: 100%;
  margin-top: 0px;
  background: url('../img/studio3.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.aboutPageImg {
width: 100%;
object-fit: cover;
margin-top: 50px;
}





#contactSection {
  position: relative;
}

.contactContent {
  margin-top: 150px;
}

.contactContent hr {
  width: 60%;
  border: solid 1px #000080;
  margin-left: 0px;
  }

  .contactContent h2 {
    margin-left: 35px;
    }

.contactContentImg {
  height: 900px;
border-right: solid 2px lightgrey;
padding-right: 20px;
}

.contactImg {
width: 100%;
object-fit: cover;
height: 700px;
margin-top: 75px;
}



#whySection {
  position: relative;
}

.whyContent {
  margin-top: 100px;
  padding-left: 30px;
  padding-right: 30px;
}

.whyContent hr {
  width: 60%;
  border: solid 1px #000080;
  margin-left: 0px;
  }

  .whyContent h2 {
    margin-left: 35px;
    }

.whyContentImg {
  height: 990px;
border-right: solid 2px lightgrey;
padding-right: 20px;
}

.whyImg {
width: 100%;
object-fit: cover;
height: 830px;
margin-top: 75px;
}










.aboutQuote {
  color: grey;
    font-weight: 200;
    font-style: italic;
}







.classHeading {
  position: relative!important;
  top: 0%!important;
  left: 0px!important;
  opacity: 1!important;
}


.classHeadingHR {
  width: 60%;
    border: solid 1px #000080;
    margin-left: 0px;
}

.classHeadingHRwhite {
  width: 60%;
    border: solid 1px white;
    margin-left: 0px;
}

table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 0px solid #dddddd;
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #dddddd;
}


.tblHeading {
background-color: #5f2974;
color: white;
}




.locImg1 {
width: 100%;
height: 560px;
object-fit: cover;
padding-right: 5px;
}

.locImg2 {
  width: 100%;
  height: 560px;
  object-fit: cover;
  padding-left: 5px;
  }

  .locImg3 {
  width: 100%;
  height: 560px;
  object-fit: cover;
  padding-left: 5px;
  }












.images {
  display: flex;
}

.classImg0 {
  width: 100%;
  object-fit: cover;
  height: 745px;
}

.classImg {
  width: 100%;
  object-fit: cover;
  height: 425px;
}

.classImg2 {
  padding-right: 5px;
  object-fit: cover;
width: 50%;
height: 450px;
}

.classImg3 {
  padding-left: 5px;
  object-fit: cover;
width: 50%;
height: 450px;
}

.classImg4 {
  width: 100%;
  object-fit: cover;
  height: 425px;
}

.classImg5 {
  width: 100%;
  object-fit: cover;
  height: 835px;
}

.classImg00 {
  width: 49.50%;
  object-fit: cover;
  height: 525px;
}

.classImg11 {
  width: 49.50%;
  object-fit: cover;
  height: 525px;
}

.terms {
  padding-left: 15px;
  padding-right: 15px;
}









.hrFooter {
    width: 50%;
  }
  
  .largeFooter {

  }

  .businessFooter {
    font-size: 14px;
    color: #33acff;
    font-weight: 600;
  }
  
  .footerLogo {
    width: 250px;
    transition: 0.25s;
    margin-left: -25px;
  }
  
  .footerAbout {
    width: 100%;
    color: #33acff!important;
    font-size: 18px;
    line-height: 30px;
  }
  
  
    .footerEmail a {
          color: black;
          position: relative;
          text-decoration: none;
        }
        
        .footerEmail a::before {
          content: '';
          position: absolute;
          width: 100%;
          height: 2px;
          border-radius: 4px;
          background-color: white;
          bottom: 0;
          left: 0;
          transform-origin: right;
          transform: scaleX(0);
          transition: transform .3s ease-in-out;
        }
        
        .footerEmail a:hover::before {
          transform-origin: left;
          transform: scaleX(1);
        }
  
  
  
        .footerText a {
          color: #fff;
          position: relative;
          text-decoration: none;
        }
        
        .footerText a::before {
          content: '';
          position: absolute;
          width: 100%;
          height: 2px;
          border-radius: 4px;
          background-color: white;
          bottom: 0;
          left: 0;
          transform-origin: right;
          transform: scaleX(0);
          transition: transform .3s ease-in-out;
        }
        
        .footerText a:hover::before {
          transform-origin: left;
          transform: scaleX(1);
        }
  
  
  
      .footer {
          height: 50px;
        }
  
  
  
        #footer-row {
          padding: 14px;
          height: 80px;
          background-color: #555;
          text-align: center;
          color: #fff;
          position: relative;
  bottom: 0px!important;
       }
  
  
  
  
       .mainFooter {
          position: relative;
      bottom: -96px;
       }
  
    .footerLinksHeading {
      color: #fff!important;
      letter-spacing: 10px;
      font-weight: 600;
      font-size: 22px;
    } 
  
    
  
     footer a {
      color: #fff!important;
      font-size: 18px;
      line-height: 30px;
     }  









     html .cog-cognito--styled .cog-button__icon, html .cog-cognito--styled .cog-button__text, :root:root:root:root:root .cog-cognito--styled .cog-button__icon, :root:root:root:root:root .cog-cognito--styled .cog-button__text {
      padding: calc(var(--input__padding-v)*.25) calc(var(--input__padding-h)*.1);
      font-family: Poppins;
      font-size: 18px;
  }

  html .cog-cognito--styled .cog-button--primary, html .cog-cognito--styled .cog-page__navigation .cog-button, :root:root:root:root:root .cog-cognito--styled .cog-button--primary, :root:root:root:root:root .cog-cognito--styled .cog-page__navigation .cog-button {
    min-width: 80px;
    padding: calc(var(--input__padding-v)*.75) calc(var(--input__padding-h)*.75);
    padding: 5px 20px 5px 20px!important;
    border-radius: 0px!important;
    border: solid 1px #000080!important;
    transition: 0.5s!important;
}

.cog-button:hover {
  background-color: white!important;
  border: solid 1px #000080!important;
  color: #000080!important;
  transition: 0.5s!important;
}




.fitnesslogo {
width: 200px;
    margin-top: 100px !important;
}