body {  font-family: 'Open Sans', sans-serif;padding:0; margin:0;}
.img-general {width:100%;margin:0;padding:0;}
.jumbotron{background-image:url(../img/ilustr-mala-praxis-2.svg); margin-top: 15vh;background-size: cover;background-repeat: no-repeat;height: auto;color: #FFF; background-position:center;}
.jumbotron .hero h1{color:#FFF; width:90%;}
.jumbotron .hero h2{color:#FFF;width:90%;}
#form-mala-praxis{background-color:rgba(255,255,255,0.7); box-shadow:1px 1px 3px #9483a8;}
form{color:#555; padding:15px 0; width:90%;}
/* The side navigation menu */
.sidenav {  height: 100%; /* 100% Full-height */  width: 0; /* 0 width - change this with JavaScript */  position: fixed; /* Stay in place */  z-index: 1; /* Stay on top */  top: 0; /* Stay at the top */
  left: 0;  background-color:rgba(31,69,86,1);  overflow-x: hidden; /* Disable horizontal scroll */  padding-top: 60px; /* Place content 60px from the top */  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */}

/* The navigation menu links */
.sidenav a {  padding: 8px 8px 8px 32px;  text-decoration: none; font-size: 16px; display: block; transition: 0.3s; color:#FFF;}
/* When you mouse over the navigation links, change their color */
.sidenav a:hover { color: #66FFCC;}

/* Position and style the close button (top right corner) */
.sidenav .closebtn { position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px;}
/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main { transition: margin-left .5s; padding: 20px;}
/*.contratacion{ border-bottom:1px solid #ccc;}*/
.contratacion h2{font-family: 'Open Sans', sans-serif; font-weight:300;color:#316A88; font-size:30px; text-align:center; margin-top:3vh;}

/*Estilos de las lineas y bullets*/
.pasos ul { text-align: justify;  position: relative;  overflow: hidden;margin: 0 10px;padding: 0;}
.pasos  ul:before, .active:after {  content: '';  width: 100%;  border: 2px solid #24B194;  position: absolute;  top: 1em;  margin-top: -2px;  z-index: -1;}
.pasos .active:after {  border-color: #24B194;}
.pasos  ul:after {  content: "";  display: inline-block;  width: 100%;}
.pasos li {  width: 2em;  height: 2em;  text-align: center;  line-height: 2em;  border-radius: 50%;  background: #24B194;  margin: 0 ;  display: inline-block;  color: white;}
.pasos .active ~ li {  background: #24B194;}
ol {font-family: 'Open Sans', sans-serif; font-weight:300;color:#555492;font-size:20px; margin-top:15px;}
.img-seguros{display: inline-block; margin:auto 0!important; width:90%;}
/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
@media (min-width: 576px){
	/*.jumbotron{background-color:#BBFFFF;}*/
	.jumbotron{margin-top: 15vh;background-size:cover;background-repeat: no-repeat;height: auto;color: #FFF;}

}

@media (min-width: 768px){
.jumbotron{margin-top: 15vh;background-size: cover;background-repeat: no-repeat;height: auto;color: #FFF;}

.centrar{width:100%; text-align:left;padding:0;margin:0; display:inline-block;}	
.elegirnos{font-size:30px;}
}


@media (min-width: 992px){
	.jumbotron{margin-top:10vh; background-size:contain; background-repeat:no-repeat;background-image:url(../img/ilustr-mala-praxis.svg); height:80vh; background-position:right bottom;}
.centrar{width:100%; text-align:left;padding:0;margin:0; display:inline-block;}
.jumbotron .hero h1{font-family: 'Open Sans', sans-serif; font-weight:300;color:#316A88; font-size: 60px;padding-bottom: 8vh;}
	.jumbotron .hero h2{font-family: 'Open Sans', sans-serif; font-weight:300;color:#555492;font-size:30px; margin-top:15px;}
.elegirnos{font-size:40px;}
ol {font-family: 'Open Sans', sans-serif; font-weight:300;color:#555492;font-size:20px; margin-top:15px;}

}

@media (min-width: 1200px){
	.jumbotron{margin-top:10vh; background-size:contain;background-image:url(../img/ilustr-mala-praxis.svg); background-repeat:no-repeat; height:80vh; background-position:right bottom;}
	.jumbotron .hero h1{font-family: 'Open Sans', sans-serif; font-weight:300;color:#316A88; font-size: 60px;padding-bottom: 8vh;}
	.jumbotron .hero h2{font-family: 'Open Sans', sans-serif; font-weight:300;color:#555492;font-size:30px; margin-top:15px;}
	.centrar{width:100%; text-align:left;padding:0;margin:0; display:inline-block;}
	.contratacion h2{font-family: 'Open Sans', sans-serif; font-weight:300;color:#316A88; font-size:50px; text-align:center; margin-top:3vh; padding-bottom:20px;}
	.presentacion h1{font-family: 'Open Sans', sans-serif; font-weight:300;color:#316A88; font-size: 50px;padding-bottom: 5vh;}
	.presentacion h2{font-family: 'Open Sans', sans-serif; font-weight:300;color:#555492;font-size:25px; margin-top:15px;}
	.elegirnos{font-size:50px;}
	
}