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

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

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

.contenido{
    width: 60%;
    margin: 0 auto;
    font-size: 1.5rem;
}

.contenido h1{
    text-align: center;
}

.content{
    width: 70%;
    margin: 0 auto;
    margin-top: 5%;
}

.content2{
    width: 50%;
    margin: 0 auto;
    margin-top: 5%;
    text-align: center;
}

.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);
    padding-top: 4%;
    padding-bottom: 4%;
}

#Label8, #Label9{
    border-radius:0px;
    border:1px solid rgb(125, 125, 125);
    padding: 1.5%;
}


.letraGrande{
    font-size: 1.5rem;
}

.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: 2rem;
    background-color:rgb(45, 45, 45);
}
.btn-secondary{
    width: 100%;
    border-radius: 0;
    font-size: 1.5em;
    background-color: rgb(222, 222, 222);
    border-color: rgb(222, 222, 222);
    color: rgb(45, 45, 45)
}

.btn-secondary:hover{
    background-color: rgb(125, 125, 125);
    border-color: rgb(125, 125, 125);
}

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

.letraNormal{
    font-size: 1.2rem !important;
}

.letraGrande2{
    font-size: 2rem !important;
}

#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;
}

.margen2{
    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%;

}
.columna-4 {
    width: 47%;
    padding-right: 1.3%;
    padding-left:1.3%;
}
.columna-5 {
    width: 30%;
    padding-right: 1.3%;
    padding-left:1.3%;
}

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

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

.textoInicioSesion, .centrarTexto{
    text-align: center;
}

.textoInicioSesion a{
    color: rgb(45, 45, 45)
}

.content3{
    width: 70%;
}

.menu{
    background-color: rgb(45, 45, 45);
    color: rgb(222, 222, 222);
    padding: 10px;
    padding-left: 40px;
    padding-right: 40px;
    width: 450px;
}
.menu a{
    color: rgb(222, 222, 222);
}

.colorGris{
    color:rgb(125, 125, 125);
}

/* 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%;
    }

    .columna-4{
        width: 70%;
    }

    .columna-5{
        width: 50%;
    }
    .tarjeta{
        width:70%;
    }
    .contenido{
            width: 70%;
        }
    .content2{
        width: 60%
    }
}
    /* Para 960px */
    @media only screen and (max-width: 960px) {
        .contenido{
            width: 80%;
        }

        .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%;
        }
        .columna-4{
            width: 50%;
        }

        .columna-5{
            width: 50%;
        }
        .content3{
            width: 100%;
        }
        .col-2-1 {
            width: 30%;
            font-size: 1.5rem;
        }

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

        .tarjeta{
            width:30%;
        }
        
    }

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

        .contenido{
            width: 90%;
        }

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

        .columna-3 {
            width: 50%;
        }

        .columna-4{
            width: 100%;
        }

        .columna-5{
            width: 100%;
        }
        
        .content2{
            width: 70%
        }
    }

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

        .content2{
            width: 90%
        }

    }

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

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