.basel {
    float: left;
    width:  100%;
    margin: 30px 0 0;
}

.col-lg-12.col-md-12.totalidad {
    float: left;
    width:  100%;
    margin: 20px 0 30px;
}

.col-lg-4.col-md-4.poca {
    width: 33.3%;
    padding: 0 15px;
    float: left;
}

.poca h5 {
    margin: 15px 0;
    float: left;
    width: 100%;
    color: #ff6600;
    font-size: 16px;
}

.poca p, .mucha p {
    font-size: 17px;
}

.col-lg-12.col-md-12.imagen {
    float: right;
    width: 100%;
}

.mucha {
    float: right;
    width: 66.6%;
}

.mucha img {
    width: 100%;
    float: left;
}
* {
    box-sizing: border-box;
}
.col-lg-6.col-md-6.sin {
    position: absolute;
    bottom: 0;
    /* margin: 0 15px; */
    background: #fff;
}
.col-lg-6.col-md-6.sin.ss {
    right: 0;
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 17px;
}
.mucha sin {
}

.col-lg-8.col-md-8.mucha {
    position: relative;
}

.col-lg-6.col-md-6.sin {
    width: 50%;
}

.col-lg-6.col-md-6.sin.ss {
    padding: 10px;
    bottom: 0;
}

h3 {
    font-size: 30px;
    margin: 10px 0;
}

h5 {
    font-size: 16px;
    color: #ff6600;
}
.banner {
    float: left;
    width:  100%;
    margin: 110px 0 0;
    position: relative;
}

.banner img {
    float: left;
    width:  100%;
    position: relative;
}
.sobre {
    position: absolute;
    top: 0;
    width: 100%;
}

h1 {
    position: absolute;
    color: #fff;
    width: 40%;
    margin: 50px 0 0;
    font-size: 80px;
}

h1 span {
    font-size: 30px;
    float: left;
    width:  100%;
}
.col-lg-12.col-md-12.totalidad:first-child {
    margin-top: -50px;
    z-index: 10;
    position: relative;
}
.imagen img {
    max-width: 100%;
}
@media only screen and (max-width: 1300px) {
	h1 {
		font-size: 65px;
	}
}
@media only screen and (max-width: 1200px) {
h1 {
    font-size: 55px;
}
}
@media only screen and (max-width: 1100px) {
h1 {
    font-size: 40px;
    margin: 100px 0 0;
}

h1 span {
    font-size: 21px;
}
}
@media only screen and (max-width: 930px) {
.banner {
    margin: 0;
}
.poca p, .mucha p {
    font-size: 14px;
}
}

@media only screen and (max-width: 830px) {
.col-lg-4.col-md-4.poca {
    width: 50%;
    min-height: 400px;
}

.col-lg-12.col-md-12.totalidad:first-child {
    margin: 0;
}

h1 {
    margin: 20px 0 0;
    width: 50%;
}
.col-lg-8.col-md-8.mucha {
    width: 100%;
}
}

@media only screen and (max-width: 650px) {
.col-lg-4.col-md-4.poca {
    width: 100%;
}

.col-lg-6.col-md-6.sin {
    position: relative;
    width:  100%;
    float: left;
}
}