*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /* list-style-type: none; */
    text-decoration: none !important;
}

/* Para que toda la página tenga ésta font-family */
html, body {
    font-family: 'Trebuchet MS', sans-serif;
}

.container-fluid .card .card-body {
    background-color: #f7f7f7 !important;
}

#card_formulario, .textosHeader, .textosFooter {
    width: 66%;
    position: relative;
    left: 17%;
    height: auto;
}

.card-body label {
    text-align: end;
}

.container-fluid h1 {
    color: #0033A1;
}

.navbar {
    background-color: #0033A1 !important;
    width: 100%;
    height: auto;
}

.navbar .navbar-brand img {
    width: 215px;
}

.navbar .container-fluid {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.admision p span{
    color: #FF9E18;
    font-weight: bold;
    position: relative;
    left: 3px;
    top: 10px;
}

.admision p img {
    position: relative;
    top: 10px;
}

.admision {
    display: flex;
    justify-content: end;
}

.info p img, .tlf a img, .admision p img {
    width: 22px;
}

.info {
    display: flex;
    justify-content: space-between;
}

.info .tlf {
    margin-right: 8px;
}

.tlf a, .gmail p span {
    color: white;
    font-weight: bold;
}

.gmail p img {
    margin-right: 2px;
}

/*todo: Medias queries para celulares */
@media(min-width: 1020px) and (max-width: 1110px){
    /*Header*/
    .navbar .navbar-brand img {
        width: 215px;
    }

    .info .tlf {
        position: relative;
        left: 55%;
        top: 1.5px;
    }

    .items {
        width: 100%;
    }
    /*Fin header*/

    /*Formulario*/
    #card_formulario, .textostextosHeader, .textosFooter {
        width: 100%;
        position: relative;
        left:0;
    }

    .container-fluid p {
        text-align: center;
    }
    /*Fin formulario*/
}

@media(min-width: 950px) and (max-width: 1020px){
    /*Header*/
    .navbar .navbar-brand img {
        width: 215px;
    }

    .info .tlf {
        position: relative;
        left: 63%;
        top: 1.5px;
    }

    .items {
        width: 100%;
    }
    /*Fin header*/

    /*Formulario*/
    #card_formulario, .textostextosHeader, .textosFooter {
        width: 100%;
        position: relative;
        left:0;
    }

    .container-fluid p {
        text-align: center;
    }
    /*Fin formulario*/

    /*Tabla*/
    h6.card-title {
        font-size: 16px;
    }

    .thead tr, .tbody tr {
        font-size: 14.5px;
    }
    /*Fin tabla*/
}

@media(min-width: 950px) and (max-width: 1020px){
    /*Header*/
    .navbar .navbar-brand img {
        width: 215px;
    }

    .info .tlf {
        position: relative;
        left: 63%;
        top: 1.5px;
    }

    .items {
        width: 100%;
    }
    /*Fin header*/

    /*Formulario*/
    #card_formulario, .textostextosHeader, .textosFooter {
        width: 100%;
        position: relative;
        left:0;
    }

    .container-fluid p {
        text-align: center;
    }
    /*Fin formulario*/

    /*Tabla*/
    h6.card-title {
        font-size: 16px;
    }

    .thead tr, .tbody tr {
        font-size: 14.5px;
    }
    /*Fin tabla*/
}

@media(min-width: 900px) and (max-width: 950px){
    /*Header*/
    .navbar .navbar-brand img {
        width: 210px;
    }

    .info .tlf {
        position: relative;
        left: 61%;
        top: 1.5px;
    }

    .items {
        width: 100%;
    }
    /*Fin header*/

    /*Formulario*/
    #card_formulario, .textostextosHeader, .textosFooter {
        width: 100%;
        position: relative;
        left:0;
    }

    .container-fluid p {
        text-align: center;
    }
    /*Fin formulario*/

    /*Tabla*/
    h6.card-title {
        font-size: 16px;
    }

    .thead tr, .tbody tr {
        font-size: 14.5px;
    }
    /*Fin tabla*/
}

@media(min-width: 850px) and (max-width: 900px){
    
    /*Header*/
    .navbar .navbar-brand img {
        width: 210px;
    }

    .navbar .navbar-brand {
        position: relative;
        top: 8px;
    }

    .info .tlf {
        position: relative;
        left: 59%;
        top: 1.5px;
    }

    .items {
        width: 100%;
    }
    /*Fin header*/

    /*Formulario*/
    #card_formulario, .textostextosHeader, .textosFooter {
        width: 100%;
        position: relative;
        left:0;
    }

    .container-fluid p {
        text-align: center;
    }
    /*Fin formulario*/

    /*Tabla*/
    h6.card-title {
        font-size: 16px;
    }

    .thead tr, .tbody tr {
        font-size: 14.5px;
    }
    /*Fin tabla*/
}

@media(min-width: 800px) and (max-width: 850px){
    
    /*Header*/
    .navbar .navbar-brand img {
        width: 205px;
    }

    .navbar .navbar-brand {
        position: relative;
        top: 8px;
    }

    .info .tlf {
        position: relative;
        left: 55%;
        top: 1.5px;
    }

    .items {
        width: 100%;
    }
    /*Fin header*/

    /*Formulario*/
    #card_formulario, .textostextosHeader, .textosFooter {
        width: 100%;
        position: relative;
        left:0;
    }

    .container-fluid p {
        text-align: center;
    }
    /*Fin formulario*/

    /*Tabla*/
    h6.card-title {
        font-size: 16px;
    }

    .thead tr, .tbody tr {
        font-size: 14.5px;
    }
    /*Fin tabla*/
}

@media(min-width: 720px) and (max-width: 800px){
    
    /*Header*/
    .navbar .navbar-brand img {
        width: 200px;
    }

    .navbar .navbar-brand {
        position: relative;
        top: 8px;
    }

    .info .tlf {
        position: relative;
        left: 50%;
        top: 1.5px;
    }

    .items {
        width: 100%;
    }
    /*Fin header*/

    /*Formulario*/
    #card_formulario, .textostextosHeader, .textosFooter {
        width: 100%;
        position: relative;
        left:0;
    }

    .container-fluid p {
        text-align: center;
    }
    /*Fin formulario*/

    /*Tabla*/
    h6.card-title {
        font-size: 16px;
    }

    .thead tr, .tbody tr {
        font-size: 14.5px;
    }
    /*Fin tabla*/
}

@media(min-width: 680px) and (max-width:720px) {
        /*Header*/
    .navbar .navbar-brand img {
        width: 190px;
    }

    .navbar .navbar-brand {
        position: relative;
        top: 8px;
    }

    .info .tlf {
        position: relative;
        left: 48%;
        top: 1.5px;
    }

    .items {
        width: 100%;
    }
    /*Fin header*/

    /*Formulario*/
    #card_formulario, .textostextosHeader, .textosFooter {
        width: 100%;
        position: relative;
        left:0;
    }

    .container-fluid p {
        text-align: center;
    }
    /*Fin formulario*/

    /*Tabla*/
    h6.card-title {
        font-size: 16px;
    }

    .thead tr, .tbody tr {
        font-size: 14.5px;
    }
    /*Fin tabla*/
    /*Textos de footer*/
    .textosHeader, .textosFooter, .info {
        text-align: center;
        font-size: 16px;
    }

    .textosHeader h3, .textosFooter h3,.textosFooter h5, .textosHeader h5 {
        font-size: 24px;
    }
}

@media(min-width: 640px) and (max-width: 680px){
    
    /*Header*/
    .navbar .navbar-brand img {
        width: 190px;
    }

    .navbar .navbar-brand {
        position: relative;
        top: 8px;
    }

    .info .tlf {
        position: relative;
        left: 45%;
        top: 1.5px;
    }

    .items {
        width: 100%;
    }
    /*Fin header*/

    /*Formulario*/
    #card_formulario, .textostextosHeader, .textosFooter {
        width: 100%;
        position: relative;
        left:0;
    }

    .container-fluid p {
        text-align: center;
    }
    /*Fin formulario*/

    /*Tabla*/
    h6.card-title {
        font-size: 16px;
    }

    .thead tr, .tbody tr {
        font-size: 14.5px;
    }
    /*Fin tabla*/
    /*Textos de footer*/
    .textosHeader, .textosFooter, .info {
        text-align: center;
        font-size: 16px;
    }

    .textosHeader h3, .textosFooter h3,.textosFooter h5, .textosHeader h5 {
        font-size: 22px;
    }
}

@media (min-width: 600px) and (max-width: 630px) {

    /*Header*/
    .navbar .navbar-brand img {
        width: 190px;
    }

    .navbar .navbar-brand {
        position: relative;
        top: 8px;
    }

    .info .tlf {
        position: relative;
        left: 40%;
        top: 1.5px;
    }

    .items {
        width: 100%;
    }
    /*Fin header*/

    /*Formulario*/
    #card_formulario, .textostextosHeader, .textosFooter {
        width: 100%;
        position: relative;
        left:0;
    }

    .container-fluid p {
        text-align: center;
    }
    /*Fin formulario*/

    /*Tabla*/
    h6.card-title {
        font-size: 16px;
    }

    .thead tr, .tbody tr {
        font-size: 14.5px;
    }
    /*Fin tabla*/
    /*Textos de footer*/
    .textosHeader, .textosFooter, .info {
        text-align: center;
        font-size: 16px;
    }

    .textosHeader h3, .textosFooter h3,.textosFooter h5, .textosHeader h5 {
        font-size: 22px;
    }
}

@media (min-width: 560px) and (max-width: 600px) {

    /*Header*/
    .navbar .navbar-brand img {
        width: 190px;
    }

    .navbar .navbar-brand {
        position: relative;
        top: 8px;
    }

    .info .tlf {
        position: relative;
        left: 35%;
        top: 1.5px;
    }

    .items {
        width: 100%;
    }
    /*Fin header*/

    /*Formulario*/
    #card_formulario, .textostextosHeader, .textosFooter {
        width: 100%;
        position: relative;
        left:0;
    }

    .container-fluid p {
        text-align: center;
    }
    /*Fin formulario*/

    /*Tabla*/
    h6.card-title {
        font-size: 16px;
    }

    .thead tr, .tbody tr {
        font-size: 14.5px;
    }
    /*Fin tabla*/

    /*Textos de footer*/
    .textosHeader, .textosFooter, .info {
        text-align: center;
        font-size: 16px;
    }

    .textosHeader h3, .textosFooter h3,.textosFooter h5, .textosHeader h5 {
        font-size: 22px;
    }
}

@media (min-width: 500px) and (max-width: 550px) {

    /*Header*/
    .navbar .navbar-brand img {
        width: 190px;
    }

    .navbar .navbar-brand {
        position: relative;
        top: 8px;
    }

    .info .tlf {
        position: relative;
        left: 30%;
        top: 1.5px;
    }

    .items {
        width: 100%;
    }
    /*Fin header*/

    /*Formulario*/
    #card_formulario, .textostextosHeader, .textosFooter {
        width: 100%;
        position: relative;
        left:0;
    }

    .container-fluid p {
        text-align: center;
    }
    /*Fin formulario*/

    /*Tabla*/
    h6.card-title {
        font-size: 16px;
    }

    .thead tr, .tbody tr {
        font-size: 14.5px;
    }
    /*Fin tabla*/

    /*Textos de footer*/
    .textosHeader, .textosFooter, .info {
        text-align: center;
        font-size: 16px;
    }

    .textosHeader h3, .textosFooter h3,.textosFooter h5, .textosHeader h5 {
        font-size: 22px;
    }
}

@media (min-width: 480px) and (max-width: 500px) {

    /*Header*/
    .navbar .navbar-brand img {
        width: 190px;
    }

    .navbar .navbar-brand {
        position: relative;
        top: 8px;
    }

    .info .tlf {
        position: relative;
        left: 26%;
        top: 1.5px;
    }

    .items {
        width: 100%;
    }
    /*Fin header*/

    /*Formulario*/
    #card_formulario, .textostextosHeader, .textosFooter {
        width: 100%;
        position: relative;
        left:0;
    }

    .container-fluid p {
        text-align: center;
    }
    /*Fin formulario*/

    /*Tabla*/
    h6.card-title {
        font-size: 16px;
    }

    .thead tr, .tbody tr {
        font-size: 14.5px;
    }
    /*Fin tabla*/
        
    /*Textos de footer*/
    .textosHeader, .textosFooter, .info {
        text-align: center;
        font-size: 16px;
    }

    /*Textos de footer*/
    .textosHeader, .textosFooter, .info {
        text-align: center;
        font-size: 16px;
    }

    .textosHeader h3, .textosFooter h3,.textosFooter h5, .textosHeader h5 {
        font-size: 22px;
    }
}

@media (min-width: 460px) and (max-width: 480px) {

    /*Header*/
    .navbar .navbar-brand img {
        width: 185px;
    }

    .navbar .navbar-brand {
        position: relative;
        top: 5px;
    }

    .admision p span, .tlf a, .gmail p span {
        font-size: 15px;
        font-weight: bold;
    }

    .info p img, .tlf a img, .admision p img {
        width: 17px;
    }

    .info .tlf {
        position: relative;
        left: 29%;
        top: 1.5px;
    }

    .items {
        width: 100%;
    }
    /*Fin header*/

    /*Formulario*/
    #card_formulario, .textostextosHeader, .textosFooter {
        width: 100%;
        position: relative;
        left:0;
    }

    .container-fluid p {
        text-align: center;
    }
    /*Fin formulario*/

    /*Tabla*/
    h6.card-title {
        font-size: 16px;
    }

    .thead tr, .tbody tr {
        font-size: 14.5px;
    }
    /*Fin tabla*/

    /*Textos de footer*/
    .textosHeader, .textosFooter, .info {
        text-align: center;
        font-size: 16px;
    }

    .textosHeader h3, .textosFooter h3,.textosFooter h5, .textosHeader h5 {
        font-size: 20px;
    }
}

@media (min-width: 445px) and (max-width: 455px) {

    /*Header*/
    .navbar .navbar-brand img {
        width: 185px;
    }

    .navbar .navbar-brand {
        position: relative;
        top: 5px;
    }

    .admision p span, .tlf a, .gmail p span {
        font-size: 15px;
        font-weight: bold;
    }

    .info p img, .tlf a img, .admision p img {
        width: 17px;
    }

    .info .tlf {
        position: relative;
        left: 26%;
        top: 1.5px;
    }

    .items {
        width: 100%;
    }
    /*Fin header*/

    /*Formulario*/
    #card_formulario, .textostextosHeader, .textosFooter {
        width: 100%;
        position: relative;
        left:0;
    }

    .container-fluid h4 {
        font-size: 20px;
    }

    .container-fluid p {
        font-size: 15.5px;
        text-align: center;
    }
    /*Fin formulario*/

    /*Tabla*/
    h6.card-title {
        font-size: 16px;
    }

    .thead tr, .tbody tr {
        font-size: 14.5px;
    }
    /*Fin tabla*/

    /*Textos de footer*/
    .textosHeader, .textosFooter, .info {
        text-align: center;
        font-size: 16px;
    }

    .textosHeader h3, .textosFooter h3,.textosFooter h5, .textosHeader h5 {
        font-size: 20px;
    }
}

@media (min-width: 425px) and (max-width: 440px) {

    /*Header*/
    .navbar .navbar-brand {
        position: relative;
        top: 5px;
    }

    .navbar .navbar-brand img {
        width: 185px;
    }

    .admision p span, .tlf a, .gmail p span {
        font-size: 15px;
        font-weight: bold;
    }

    .info p img, .tlf a img, .admision p img {
        width: 17px;
    }

    .info .tlf {
        position: relative;
        left: 23%;
        top: 1.5px;
    }

    .items {
        width: 100%;
    }
    /*Fin header*/

    /*Formulario*/
    #card_formulario, .textostextosHeader, .textosFooter {
        width: 100%;
        position: relative;
        left:0;
    }

    .container-fluid h4 {
        font-size: 20px;
    }

    .container-fluid p {
        font-size: 15.5px;
        text-align: center;
    }
    /*Fin formulario*/

    /*Tabla*/
    h6.card-title {
        font-size: 16px;
    }

    .thead tr, .tbody tr {
        font-size: 14.5px;
    }
    /*Fin tabla*/
    
    /*Textos de footer*/
    .textosHeader, .textosFooter, .info {
        text-align: center;
        font-size: 15px;
    }

    .textosHeader h3, .textosFooter h3,.textosFooter h5, .textosHeader h5 {
        font-size: 20px;
    }
}

@media (min-width: 410px) and (max-width: 425px) {

    /*Header*/
    .navbar .navbar-brand img {
        width: 180px;
    }

    .navbar .navbar-brand {
        position: relative;
        top: 5px;
    }

    .admision p span, .tlf a, .gmail p span {
        font-size: 14px;
        font-weight: bold;
    }

    .info p img, .tlf a img, .admision p img {
        width: 17px;
    }

    .info .tlf {
        position: relative;
        left: 22%;
        top: 1.5px;
    }

    .items {
        width: 100%;
    }
    /*Fin header*/

    /*Formulario*/
    .card-body label {
        font-size: 16px;
    }

    .card-body h5 {
        font-size: 18px;
    }

    .card-body button {
        font-size: 14px;
    }

    #card_formulario, .textostextosHeader, .textosFooter {
        width: 100%;
        position: relative;
        left:0;
    }

    #card_formulario input::placeholder {
        font-size: 16px;
    }

    .container-fluid h4 {
        font-size: 19px;
    }

    .container-fluid p {
        font-size: 15.5px;
        text-align: center;
    }
    /*Fin formulario*/

    /*Tabla*/
    h6.card-title {
        font-size: 16px;
    }

    .thead tr, .tbody tr {
        font-size: 14.5px;
    }
    /*Fin tabla*/

    /*Textos de footer*/
    .textosHeader, .textosFooter, .info {
        text-align: center;
        font-size: 16px;
    }

    .textosHeader h3, .textosFooter h3,.textosFooter h5, .textosHeader h5 {
        font-size: 18px;
    }
}

@media (min-width: 385px) and (max-width: 400px) {

    /*Header*/
    .navbar .navbar-brand img {
        width: 170px;
    }

    .navbar .navbar-brand {
        position: relative;
        top: 5px;
    }

    .admision p span, .tlf a, .gmail p span {
        font-size: 13.5px;
        font-weight: bold;
    }

    .info p img, .tlf a img, .admision p img {
        width: 16.5px;
    }

    .info .tlf {
        position: relative;
        left: 19%;
        /* top: 1.5px; */
    }

    .items {
        width: 100%;
    }
    /*Fin header*/

    /*Formulario*/
    .card-body label {
        font-size: 15.5px;
    }

    .card-body h5 {
        font-size:17.5px;
    }

    .card-body button {
        font-size: 14px;
    }

    #card_formulario, .textostextosHeader, .textosFooter {
        width: 100%;
        position: relative;
        left:0;
    }

    #card_formulario input::placeholder {
        font-size: 15px;
    }

    .container-fluid h4 {
        font-size: 18px;
    }

    .container-fluid p {
        font-size: 15px;
        text-align: center;
    }
    /*Fin formulario*/

    /*Tabla*/
    h6.card-title {
        font-size: 15.5px;
    }

    .thead tr, .tbody tr {
        font-size: 14.5px;
    }
    /*Fin tabla*/

    /*Textos de footer*/
    .textosHeader, .textosFooter, .info {
        text-align: center;
        font-size: 15px;
    }

    .textosHeader h3, .textosFooter h3,.textosFooter h5, .textosHeader h5 {
        font-size: 18px;
    }
}

@media (min-width: 360px) and (max-width: 380px) {
    
    /*Header*/
    .navbar .navbar-brand img {
        width: 165px;
    }

    .navbar .navbar-brand {
        position: relative;
        top: 5px;
    }

    .admision p span, .tlf a, .gmail p span {
        font-size: 13px;
        font-weight: bold;
    }

    .info p img, .tlf a img, .admision p img {
        width: 16px;
    }

    .info .tlf {
        position: relative;
        left: 17%;
        top: -1px;
    }

    .items {
        width: 100%;
    }
    /*Fin header*/

    /*Formulario*/
    .card-body label {
        font-size: 14px;
    }

    .card-body h5 {
        font-size:17px;
    }

    .card-body button {
        font-size: 13px;
    }

    #card_formulario, .textostextosHeader, .textosFooter {
        width: 100%;
        position: relative;
        left:0;
    }

    #card_formulario input::placeholder {
        font-size: 14px;
    }

    .container-fluid h4 {
        font-size: 17px;
    }

    .container-fluid p {
        font-size: 14px;
        text-align: center;
    }
    /*Fin formulario*/

    /*Tabla*/
    h6.card-title {
        font-size:15px;
    }

    .thead tr, .tbody tr {
        font-size: 14px;
    }
    /*Fin tabla*/

    /*Textos de footer*/
    .textosHeader, .textosFooter, .info {
        text-align: center;
        font-size: 15px;
    }

    .textosHeader h3, .textosFooter h3,.textosFooter h5, .textosHeader h5 {
        font-size: 19px;
    }
}

@media (min-width: 340px) and (max-width: 360px) {
    /*Header*/
    .navbar .navbar-brand img {
        width: 160px;
    }

    .navbar .navbar-brand {
        position: relative;
        top: 5px;
    }

    .admision p span, .tlf a, .gmail p span {
        font-size: 13px;
        font-weight: bold;
    }

    .info p img, .tlf a img, .admision p img {
        width: 15px;
    }

    .info .tlf {
        position: relative;
        left: 13%;
        top: -1px;
    }

    .items {
        width: 100%;
    }
    /*Fin header*/

    /*Formulario*/
    .card-body label {
        font-size: 14.5px;
    }

    .card-body h5 {
        font-size:16.5px;
    }

    .card-body button {
        font-size: 13px;
    }

    #card_formulario, .textostextosHeader, .textosFooter {
        width: 100%;
        position: relative;
        left:0;
    }

    #card_formulario input::placeholder {
        font-size: 14px;
    }

    .container-fluid h4 {
        font-size: 17px;
    }

    .container-fluid p {
        font-size: 14px;
        text-align: center;
    }
    /*Fin formulario*/

    /*Tabla*/
    h6.card-title {
        font-size:14.5px;
    }

    .thead tr, .tbody tr {
        font-size: 13px;
    }
    /*Fin tabla*/

    /*Textos de footer*/
    .textosHeader, .textosFooter, .info {
        text-align: center;
        font-size: 14px;
    }

    .textosHeader h3, .textosFooter h3,.textosFooter h5, .textosHeader h5 {
        font-size: 18px;
    }
}

@media (min-width: 320px) and (max-width: 340px) {

    /*Header*/
    .navbar .navbar-brand {
        position: relative;
        top: 5px;
    }

    .navbar .navbar-brand img {
        width: 155px;
    }

    .admision p span, .tlf a, .gmail p span {
        font-size: 12.5px;
        font-weight: bold;
    }

    .info p img, .tlf a img, .admision p img {
        width: 13px;
    }

    .info .tlf {
        position: relative;
        left: 13%;
        top: -1px;
    }

    .items {
        width: 100%;
    }
    /*Fin header*/

    /*Formulario*/
    .card-body label {
        font-size: 14px;
        text-align: end;
    }

    .card-body h5 {
        font-size:16px;
    }

    .card-body button {
        font-size: 12px;
    }

    #card_formulario, .textostextosHeader, .textosFooter {
        width: 100%;
        position: relative;
        left:0;
    }

    #card_formulario input::placeholder {
        font-size: 14px;
    }

    .container-fluid h4 {
        font-size: 17px;
    }

    .container-fluid p {
        font-size: 14px;
        text-align: center;
    }
    /*Fin formulario*/

    /*Tabla*/
    h6.card-title {
        font-size:14px;
    }

    .thead tr, .tbody tr {
        font-size: 13px;
    }
    /*Fin tabla*/

    /*Textos de footer*/
    .textosHeader, .textosFooter, .info {
        text-align: center;
        font-size: 14px;
    }

    .textosHeader h3, .textosFooter h3,.textosFooter h5, .textosHeader h5 {
        font-size: 18px;
    }
}