/* CSS Document */

body {
    background-color: #272727;
    color: #fff;
	font-family: 'Open Sans', sans-serif;
}

/* these are basically desktop styles */
.btn-primary {
    color: #fff;
    background-color: #ad1f23;
    border-color: #ad1f23;
}
.btn-primary:hover {
    color: #fff;
    background-color: #d70b0b;
    border-color: #ca0a0a;
}
.fw-image {
    background-image: url(../images/gym-shot.jpg);
    height: 550px;
    background-size: cover;
    background-position: center;
}
.super-big {
    font-size: 5rem;
}
.bg-secondary {
    background-color: #525252!important;
}

/*only correction rn*/
@media screen and (max-width: 576px) { 
	span.float-end {
		float: unset !important;
		display: block;
	}
	header a img { 
		max-width: 70% !important;
		margin: 0 auto 0 auto;
	}
	.slick-slide img {
		max-width: 100%;
	}

	.slick-slide {
		max-width: 100vw;
	}
}

@media screen and (min-width: 576px) { 
	header a img {
		max-width: 120px !important;
	}
	.slick-slide img {
		max-height: 400px;
	}
	.slick-slide {
		padding-right: 20px;
	}
}