body {
    text-align: justify;
    font-family: Arial, Helvetica, sans-serif;
    color:rgb(45, 45, 45);
}

a, a:hover{
    color:rgb(219, 83, 106)
}

h5, h6{
    font-weight:600 !important
}

.contenido{
    padding:8%;
    padding-top:5%;
    
}
.container-fluid{
    padding:3.6%;
}
.barra{
    padding-left:15%;
    padding-right:20%;
    text-align:left;
}

.form-control{
    border-radius:0px;
    border:1px solid rgb(45, 45, 45)
}

.form-check{
    padding:0px;
}

.form-check-label{
    margin-left:20px;
}

.form-check-input{
    margin-left:0px;
}

.btn-dark {
    width: 100%;
    border-radius: 0;
    font-size: 1.5em;
    background-color:rgb(45, 45, 45);
}

#btnsi{
    padding-top:15px;
    padding-bottom: 15px;
}
.inicio-sesion{
    margin:0 auto;
}
.letraPeq {
    font-size: 0.7rem;
}

#labelquiero{
    margin-right:-40px;
}

.facebook {
    background: #436199;
    border-radius: 0;
    color: white;
    width: 100%;
    display: flex;
    text-align: left;
    align-items: center;
    padding:1px;
}
.linkedin {
    background: #4f7db1;
    border-radius: 0;
    color: white;
    width: 100%;
    display: flex;
    text-align: left;
    align-items: center;
    padding:1px;
}

.twitter {
    background: #7BADDA;
    border-radius: 0;
    color: white;
    width: 100%;
    display: flex;
    text-align: left;
    align-items: center;
    padding:1px;
}
.facebook:hover, .linkedin:hover, .twitter:hover{
    color:white;
}
.margen{
    margin-top:10px;
}
.form-group{
    margin-bottom:0.2rem;
}

.header{
    height:50px;

    text-align:center;
    vertical-align:middle;
    padding-top:10px;
}
.tarjeta {
    border: 1px solid rgb(222, 222, 222);
    padding:0px;
    margin:0 auto;
    margin-top:15px;
    width:85%;
    font-size:large;
    height:210px;
}
.tarjeta-header {
    padding: 5px;
    height: 32%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align:center;
}

.tarjeta-body{
    height:68%;
}
.tarjeta img{
    height:100%;
}

.tarjeta h6{
    font-size:1.2rem;
}



.col-form-label{
    padding-top:0px;
    padding-bottom:0px;
    padding-right:0px;
    font-size:x-large;
}

.agradecimiento{
    display:block;
    background-color: rgb(45, 45, 45);
    color:white;
    width:50%;
    text-align:center;
    padding:15px;
    margin-top:15px;
    margin-bottom:15px;
}

#Enviar{
    width:auto !important;
    margin:10px;
}

.contenedor{
    width:70%;
}

.margen{
    margin-top:20px;
}

.alert{
    padding-right:1rem;
    padding-left:3rem;
    border-radius:0px;
}

.dgcAlert {
    position: absolute;
    width: 48%;
    height: auto;
    align-content: center;
    top: 10%;
    left: 0;
    right: 0;
    margin: auto;
    background-color: rgb(45, 45, 45);
    color: white;
    font-size:1.5rem;
}

.dgcMensaje img{
	display: flex;
	margin: 0 auto;
}

.row{
    margin:0px;
}

.close{
    right:auto;
    left:0;
    padding:0.3rem !important;
    opacity:1 !important;

}
.alert a{
    color:white;
}


.columna-1{
    width:23%;
    padding-right:3.6%;
}
.columna-2 {
    width: 55%;
    padding-left: 3.6%;
    padding-right: 1.3%;
    padding-top:1.5%;
}
.columna-3 {
    width: 22%;
    padding-left:1.3%;
    padding-top:3%;

}
.col-2-1{
    width:45%;
    font-size:1.5rem;   
}

.col-2-2{
    width:55%
}

/* Para 1200px */
@media only screen and (max-width: 1200px) {

    .columna-1 {
        width: 30%;
        padding-right: 1.3%;
    }

    .columna-2 {
        width: 40%;
        padding-left:1.5%;
    }

    .col-2-1 {
        width: 100%;
        font-size: 1.5rem;
    }
    .col-2-2 {
        width: 100%
    }

    .columna-3{
        width:30%;
    }
    .tarjeta{
        width:70%;
    }
}
    /* Para 960px */
    @media only screen and (max-width: 960px) {
        .form-control {
            width: 100%;
        }

        .btn-dark, .agradecimiento, .contenedor {
            width: 100%;
        }

        .col-form-label {
            font-size: large;
        }

        .dgcAlert {
            width: 90%;
        }

        .columna-1{
            width:100%
        }
        .columna-2{
            width:70%;
        }
        .columna-3{
            width:30%;
        }

        .col-2-1 {
            width: 45%;
            font-size: 1.5rem;
        }

        .col-2-2 {
            width: 55%
        }

        .tarjeta{
            width:30%;
        }
        
    }

    /* Para 800px */
    @media only screen and (max-width: 820px) {
        .col-2-1 {
            width: 100%;
            font-size: 1.0em;
        }

        .col-2-2 {
            width: 100%
        }
        .columna-2 {
            width: 50%;
        }

        .columna-3 {
            width: 50%;
        }
    }

    /* Para 600px */
    @media only screen and (max-width: 620px) {
        .tarjeta {
            width: 40%;
        }
        .columna-2{
            width:100%;
        }
        .columna-3{
            width:100%;
        }

    }

    /* Para 480px */
    @media only screen and (max-width: 500px) {
        .tarjeta {
            width: 55%;
        }
    }

    /* Para 320px */
    @media only screen and (max-width: 340px) {
    }