
* {
    margin: 0;
    padding: 0;
}

.header {
    margin-top: 63px;
    width: 100%;
}

header.headerMod {
    width: 100%;
    font-size: 30px;
    color: #ffffff;
    background-color: #E12028;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-top: 62px;
}

/* Encabezado de modelos */
.trapecioMod {
    width: 85%;
    height: 0;
    border-right: 60px solid transparent;
    border-left: 60px solid transparent;
    /* Cambiar de acuerdo a la */
    border-bottom: 100px solid #15253e;
    display: flex;
    flex-direction: column;
    align-items: center;
}

header.header {
    width: 100%;
    /* font-size: 30px; */
    color: #ffffff;
    background-color: #E12028;
    display: flex;
    /* flex-direction: column;
    align-items: center; */
    text-align: center;
    justify-content: center;
}

/* Encabezado de asientos */
.trapecio {
    /* border: 2px solid red; */
    /* width: 95%; */
    width: 90%;
    /*80%*/
    height: 0;
    border-right: 80px solid transparent;
    border-left: 80px solid transparent;
    border-bottom: 100px solid #15253e;
    display: flex;
    flex-direction: column;
}

.titHeader {
    width: 80%;
    margin: auto;
    font-size: 38px;
    /* border: 2px solid green; */
}

.titHeaderMod {
    padding: 1%;
    /*Arreglar*/
    /* border: 2px solid red; */
    display: block;
}

.p_headerMod {
    /* width: 80%; */
    width: 100%;
    align-items: center;
    font-size: 30px;
    /* border: 2px solid mediumorchid; */
    height: auto;
}

.p_header {
    font-size: 30px;
    text-transform: uppercase;
    /* border: 2px solid red; */
}

@media only screen and (min-width:300px) and (max-width:978px) {
    .trapecioMod {
        width: 95%;
        height: 0;
        border-right: 50px solid transparent;
        border-left: 50px solid transparent;
    }

    .trapecio {
        width: 95%;
        height: 0;
        border-right: 50px solid transparent;
        border-left: 50px solid transparent;
    }

    section.header {
        margin-top: 61px;
    }
}

@media only screen and (min-width:300px) and (max-width:372px) {

    .trapecioMod {
        border-bottom: 90px solid #15253e;
    }

    /* .trapecio {
        border-bottom: 90px solid #15253e;
    } */

    .trapecio {
        width: 95%;
        height: 0;
        border-right: 50px solid transparent;
        border-left: 50px solid transparent;
    }
    
    .titHeaderMod {
        /* padding: 0.5px;
        margin: 0; */
        font-size: 16px;
        /* align-items: center; */
    }

    .titHeader {
        font-size: 20px;
    }

    .p_header {
        font-size: 13px;
    }
}

@media only screen and (min-width:373px) and (max-width:405px) {
    /* .trapecioMod {
        border-bottom: 90px solid #15253e;
    }

    .trapecio {
        border-bottom: 90px solid #15253e;
    } */

    .titHeaderMod {
        font-size: 18px;
    }

    .titHeader {
        font-size: 21px;
    }

    .p_header {
        font-size: 14px;
    }
}

@media only screen and (min-width:406px) and (max-width:422px) {
    /* .trapecioMod {
        border-bottom: 92px solid #15253e;
    }

    .trapecio {
        border-bottom: 90px solid #15253e;
    } */

    .titHeaderMod {
        font-size: 19px;
    }

    .titHeader {
        font-size: 22px;
    }

    .p_header {
        font-size: 15px;
    }
}


@media only screen and (min-width:423px) and (max-width:616px) {
    /* .trapecioMod {
        border-bottom: 96px solid #15253e;
    } */

    .trapecio {
        border-bottom: 96px solid #15253e;
    }

    .titHeaderMod {
        font-size: 20px;
    }

    .titHeader {
        font-size: 24px;
    }

    .p_header {
        font-size: 15px;
    }
}

@media only screen and (min-width:617px) and (max-width:693px) {
    /* .trapecioMod {
        border-bottom: 98px solid #15253e;
    }

    .trapecio {
        border-bottom: 98px solid #15253e;
    } */

    .titHeaderMod {
        font-size: 23px;
    }

    .titHeader {
        font-size: 25px;
    }

    .p_header {
        font-size: 18px;
    }
}

@media only screen and (min-width:694px) and (max-width:719px) {
    /* .trapecioMod {
        border-bottom: 96px solid #15253e;
    } */
    /* 
    .trapecio {
        border-bottom: 96px solid #15253e;
    } */

    .titHeaderMod {
        font-size: 24px;
    }

    .titHeader {
        font-size: 27px;
    }

    .p_header {
        font-size: 20px;
    }
}

@media only screen and (min-width:720px) and (max-width:900px) {
    .titHeaderMod{
        font-size: 27px;
    }

    /* .trapecio {
        border-bottom: 100px solid #15253e;
    }

    .titHeaderMod {
        font-size: 27px;
    } */

    .titHeader{
        font-size: 31px;
    }

    .p_header {
        font-size: 20px;
    }
}

@media only screen and (min-width:901px) and (max-width:939px) {
    /* .trapecioMod {
        width: 95%;
    }

    .trapecio {
        width: 95%;
    } */

    .titHeader {
        font-size: 29px;
    }

    .p_header {
        font-size: 21px;
    }
}

@media only screen and (min-width:940px) and (max-width:1200px) {
    .trapecioMod{

        width: 95%;
    }

    .trapecio {
        width: 95%;
        /* border-right: 50px solid transparent;
        border-left: 50px solid transparent; */
    }

    .titHeaderMod{
        font-size: 30px;
    }

    .titHeader {
        font-size: 34px;
    }

    .p_header {
        font-size: 20px;
    }

}

@media only screen and (min-width:1201px) and (max-width:1411px) {

    .trapecio {
        border-right: 56px solid transparent;
        border-left: 56px solid transparent;
        border-bottom: 100px solid #15253e;
        
    }

    .titHeader {
        /* border: 2px solid green; */
        font-size: 34px;
    }

    .p_header {
        /* border: 2px solid firebrick; */
        font-size: 24px;
    }

}

@media only screen and (min-width:1412px) and (max-width:1664px){

    /* .trapecio{
        border: 5px solid white;
        border-right: 60px solid transparent;
        border-left: 60px solid transparent;
        border-bottom: 100px solid #15253e;
    } */

    .titHeader{
        font-size: 38px;
    }

    /* Revisar fallo de llamado*/
    /* .p_headerMod  */
    .p_header{
        border: 2px solid red;
        width: 100%;
        font-size: 26px;
    }
}

/*  border-right: 100px solid transparent;
    border-left: 100px solid transparent;
    border-bottom: 100px solid #15253e; */


    
