/* Reapir Bootstrap 4 */
.row {
    margin-left: none!important;
    margin-right: none!important;
}

p {
    line-height: 35px;
}

.topbar, div#footer {
    background-color: #030252;
}

.b-text {
    color: #030252;
    font-weight: 600;
}

a.custom-link {
    text-decoration: none;
    color: #6cafd6;
}

a.custom-link:hover {
    color: #fa8406;
}

h1.title-header {
    font-size: 50px;
    font-weight: 600;
    color: #030252;
    text-transform: uppercase;
}

.color-0 {
    color: #030252;
}

.btn-primary {
    background-color: #6cafd6!important;
    color: black!important;
}

.color-1 {
    color: #6cafd6;
}

.subtitulo {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fa8406;
}

.bg-header {
    background-image: url(../img/cabecera-desatoros-marbella.webp);
    background-position: right center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 600px;
}

.bg-quien {
    background-image: url(../img/camion-fontanero-malaga.webp);
    background-position: right center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 410px;
	width: 100%;
	margin-top: 25px;
}

.bg-form {
    background-image: url(../img/bg-form.webp);
    background-position: right bottom;
    background-size: cover;
    background-repeat: no-repeat;
    max-width: 524px;
}

.text-solo {
    padding-right: 30px;
}

.bg-secundary {
    background-color: #6cafd6;
}

div#barraaceptacion{
display:none;
position:fixed;
left:0;
right:0;
bottom:0;
padding: 30px;
width:100%;
text-align:center;
min-height:80px;
background-color:rgba(0,0,0,.79);
color:#fff;
z-index:9999999999
}

.boton_cookie{
position:relative;
top:-24px;
right:10px;
background-color:#fff;
float:right;
padding:0 6px;
margin:5px;
font-style:normal;
text-decoration:none;
color:#000
}

.inner {
    max-width: 1500px;
    margin: 0 auto;
}
a.btn.btn-primary.float-xs-right.boton_cookie {
    position: absolute;
    top: 0;
}

@media only screen and (max-width: 1024px) {
    h1.title-header {
        font-size: 32px;
        text-align: justify;
        font-weight: 600;
        color: #030252;
        text-transform: uppercase;
    }
}

@media only screen and (max-width: 640px) {
    h1.title-header {
        font-size: 18px;
        text-align: center;
        font-weight: 600;
        color: #030252;
        text-transform: uppercase;
    }

    .bg-header {
        background-image: url(../img/cabecera-desatoros-marbella.webp);
        background-position: center center;
        background-size: contain;
        background-repeat: no-repeat;
        height: 200px;
    }

    .bg-quien {
        background-image: url(../img/camion-fontanero-malaga.webp);
        background-position: center center;
        background-size: contain;
        background-repeat: no-repeat;
        height: 200px;
		width: 100%;
		margin-top: 25px;
    }

    .text-sm-center {
        text-align: center;
    }

    .my-sm {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .mb-sm {
        margin-bottom: 1rem;
    }
	.responsive  {
		width: 85%;
		margin: 20px;
	}
}


@media only screen and (max-width:299px){
	div#barraaceptacion{
	height:13em
	}
	.inner{
	font-size:11px
	}
}