body{font-family: 'Roboto', sans-serif; color: #555; font-size: 15px; font-weight: 400;}
h2{font-size: 40px;}
h3{font-size: 16px;}

a{transition: all linear .2s;}
.text-red{color: #b24f52}
.title{font-size: 20px; font-weight: bold; margin-bottom: 5px}
.subtitle{font-size: 18px}
.bg-light-grey{background: #ddd}
.bg-black{background: #000}
.btn-red{background: #b24f52; border-color: #b24f52; color: #fff}
.btn-red:hover{background: #88393b; color: #fff}
.py-8{padding: 80px 0}
strong{font-weight: 600}
.form-control{min-height: 48px; background: #eee; font-size: 14px; padding:12px}

header{background: #fff; box-shadow: 0 1px 3px #00000012}
.mini-header{padding-top: 58px}
.mini-header .navbar-brand img{max-width: 90px}
.mini-header .navbar{padding: 0 2rem}
.navbar{padding: .1rem 1rem}
nav a{font-size: 16px; font-weight: 500}

header,#actividades,#clases,.map-embede,footer,#quienes_somos{z-index: 1; position: relative;}
#banner{position: fixed; z-index: 0; width: 100%; top: 0; left: 0; overflow: hidden;}
#actividades{margin-top: 625px; background: #fff}

.classes .container-fluid, .contact-form{max-width: 700px; margin: 0 auto}
.classes .title{line-height: 22px}
.class-item{display: flex; align-items: center; justify-content: center; flex-direction: column; background: #fff; width: 160px; margin: 0 auto; height: 160px; padding: 10px; color: #555; border: 1px solid transparent;}
.class-item:hover{text-decoration: none !important; color: #555; box-shadow: 0 0 30px rgba(0,0,0,.1); border-color: #f8c5c8;}
.class-intro{font-weight: 300}
.price{font-weight: 500}

.btn-follow{position: fixed; bottom: 10px; left: 10px; z-index: 10; border-radius: 0; background: #b24f52d1}

.about{background: url("../images/banner.jpg") no-repeat; background-size: cover;}
.about h2{border-bottom: 2px solid #ffffff85; padding-bottom: 30px; margin-bottom: 30px}

#terms p{margin-bottom: 8px}
.map-embede iframe{max-width: 100%; background: #e5e5e5}

footer{background: #000; padding: 50px 0 20px;}
footer img{vertical-align: baseline; margin-right: 5px}
footer h4{text-transform: uppercase; padding-bottom: 5px}
.location, .phone{background-repeat: no-repeat; background-size: 20px; vertical-align: baseline; padding: 2px 0 4px 25px}
.location{background-image:url("../images/loc.png"); }
.phone{background-image:url("../images/tel.png"); }

#startup-modal{font-size: 17px}

@media (min-width: 992px){
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: .8rem;
		padding-left: .8rem;
	}
}

@media (max-width: 991.99px){
	.py-8{padding: 40px 0}
	.navbar-brand img{max-width: 150px}
	.navbar{padding: 0 1rem}
	.navbar-light .navbar-toggler{border-color: transparent;}
	.navbar-light .navbar-toggler:focus{outline: none;}
	.title{font-size: 14px; margin-bottom: 5px}

	.navbar-nav{
		text-align: center;
	}
	.card-container{
		margin: 0 auto;
	}
	h2{font-size: 35px;}
	h3{font-size: 20px;}
	#actividades{margin-top: 340px}
	#banner{height: 400px;left:50%;transform:translateX(-50%); width: auto}
	#banner img{max-width: auto; width: auto !important; height: 450px}
}