@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100&display=swap');

*{
    font-family: 'Inter', sans-serif;
}

a{text-decoration: none;}

/* .bg{background: url(../img/img_01.jpg);background-repeat: none;background-size: cover;background-position: center, center;} */


.implementacion{
    background:url(https://i.pinimg.com/originals/d5/11/e2/d511e22951d8e8d9139ba3703c886038.jpg) rgba(0, 0, 0, 0.548);
    background-size: cover;
    background-position: center center;
    background-blend-mode: multiply;
    text-align: center;
    color: #ffffff;
    padding: 70px;
}

.button {
	height: 50px;
	padding: 0;
	border: none;
	outline: none;
	border-radius: 5px;
	overflow: hidden;
	font-family: "Quicksand", sans-serif;
	cursor: pointer;
}

.button:hover {
	background: #1359f0;
}

.button__text,
.button__icon {
	display: inline-flex;
	align-items: center;
	padding: 0 24px;
	color: #fff;
	height: 100%;	
}

.button__text{
	text-align: left;
	line-height: 115%;
    float: left;
}

.button__icon {
    float: right;
	background: rgba(0, 0, 0, 0.08);
}


@media screen and (min-width: 300px) {

    .navbar-brand{
        display: block;
    }

    .nav-link{
        font-size: 1.3em;
        padding: 0px;
        text-align: end;
    }

    #frase{
        display: none;
    }
    
    #slider{
        background: url(../img/img_01.jpg)  rgba(0, 0, 0, 0.795);
        background-size: cover;
        background-position: center, center;
        background-blend-mode: multiply;
        text-align: center;
    }

    #slider #logo{
        width: 90%;
        margin: 0 auto;
    }

    .logo{
        width: 250px;
        padding: 20px;
    }

    .logo_consultable{
        width: 90%;
        margin:0 auto;
    }

    #feature{
        display: none !important;
    }

    .btnEnvio{
        width: 100%;
    }

    .observacion{
        background: url(https://img.etimg.com/thumb/width-1200,height-900,imgsize-248460,resizemode-75,msid-102466546/jobs/mid-career/these-it-jobs-are-safe-from-layoffs.jpg) rgba(0, 0, 0, 0.795);
        background-size:cover;
        background-blend-mode: multiply;
        color: #ffffff;
    }

    form{
        width: 100%;
        margin-bottom: 50px;
    }

}

@media screen and (min-width: 1180px) {

    .navbar-brand{
        display: none;
    }

    .nav-link{
        font-size: 1.3em;
    }

    #slider{
        background: url(../img/img_01.jpg)  rgba(0, 0, 0, 0.795);
        background-size: cover;
        background-position: center, center;
        background-blend-mode: multiply;
        min-height: 90vh;
    }

    #frase{
        display: block;
        height: 60vh;
        width: 90%;
        position:absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 1.8em;
        border-radius: 10px;
        padding: 30px;
        color: #ffffff;
        text-shadow: #00000075;
    }

    #slider #logo{
        display: none;
    }

    .logo{
        display: none;
        /* width: 250px; */
    }

    .logo_consultable{
        width: 300px;
        margin:0 auto;
    }

    #feature{
        display: block !important;
        font-size: 2em;
        text-align: center;
        padding: 15px;
        background-image: url(https://www.sozailab.jp/db_img/sozai/87625/fa6af1ebb42b2491f57339e23882b127.jpg);
        background-blend-mode: multiply;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .btnEnvio{
        width: 50%;
    }

    .observacion{
        background-position: center center;
    }

}