body {
	font-family: sofia-pro, sans-serif;
	font-style: normal;
	font-weight: 100;
}

html {
  background-image: url("/img/repeat4.png");
  background-position: 0,0;
  background-repeat:  repeat;
  background-color: #f6f5f1;

}

strong {

	font-weight: 900;
}

/*

html {
background: rgb(199,87,154);
background: linear-gradient(139deg, rgba(199,87,154,1) 0%, rgba(246,235,97,1) 15%, rgba(242,240,238,1) 23%);
background-color: rgba(242,240,238,1);
background-repeat: no-repeat;
}
*/

/* Shared
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button {
  border-radius: 100px;
}

/* Sections
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section {
  padding: 5rem 0 7rem;
  text-align: center;
}
.section-heading,
.section-description {
  margin: 1.3rem;
  font-size: 25px;
}


/* Categories
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.gym p {
	position: absolute;
	left: 50%;
	top: 50%;

	transform: translate(-50%, -50%);
	margin-left: auto;


	font-weight: bold;
	font-size: 35pt;
	text-transform: uppercase;
	text-decoration: none;
	opacity: 1;
	z-index: 1;
}

.category {
	position: relative;
	border: 3px solid #00C7B1;
	margin-bottom: 20px;
}

.bcn  {
background: rgb(199,87,154);
background: linear-gradient(321deg, rgba(199,87,154,1) 3%, rgba(242,240,238,1) 11%, rgba(242,240,238,1) 65%, rgba(246,235,97,1) 74%, rgba(0,199,177,1) 94%);
}

.ham  {
background: rgb(199,87,154);
background: linear-gradient(141deg, rgba(199,87,154,1) 3%, rgba(242,240,238,1) 11%, rgba(242,240,238,1) 65%, rgba(246,235,97,1) 74%, rgba(0,199,177,1) 94%);
}

.gym {

transition: all .9s ease;
-webkit-transition: all .9 ease;
}

img{

transition: all .6s ease;
-webkit-transition: all .6 ease;
}

a:hover .gym {
	color: #fff;
	-webkit-text-stroke: 1px #00C7B1;
}

a:hover img {
	opacity: 0.8;
}

.category img {
	opacity: 0.25;
	z-index: 0;
	display: block;
}

.main {
  background-image: url('/img/values-bg.jpg');
  background-size: cover;
  color: #101820;
}

.main a {
  color: #00C7B1;
}

.main .section-heading img { 
  width: 60%;
  pointer-events: none;
}

.main .section-description { 
  margin-bottom: 4rem;
}

/* SMaller than 550 */
@media (max-width: 550px) {

.section {
  padding: 0rem 0 7rem;
  text-align: center;
}

.main .section-description { 
  margin-bottom: 5px;
  font-size: 15px;
}

.main .description  { 
  font-weight: 500;
}

.main .section-heading img { 
  margin-top: 20px;	
  width: 90%;
}

.column {
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
}

  .gym p {
	font-size: 23pt;
  }

}

/* Bigger than 550 */
@media (min-width: 550px) {
  .gym p {
	font-size: 25pt;
  }

  .section {
  padding: 15rem 0 7rem;
  text-align: center;
}

.main .section-heading img { 
  margin-top: 0px;	
  width: 80%;
}

}

/* Bigger than 750 */
@media (min-width: 750px) {
  .gym p {
	font-size: 30pt;
  }

  .main .section-heading img { 
  margin-top: 0px;	
  width: 80%;
}
}

/* Bigger than 1000 */
@media (min-width: 1000px) {
  .gym p {
	font-size: 40pt;
  }

  .main .section-heading img { 
  margin-top: 0px;	
  width: 60%;
}

}