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

    .title{ display: table; width: 70vw; margin: 10vh auto; }
    .title > h4{ display: table-cell; width: 30%; height: 100%; font-size: 2rem; font-weight: 800; z-index: 30; color: #d3c89c;  vertical-align: middle; }
    .title > p{ display: table-cell; width: 70%; height: 100%; font-size: 1.3rem; vertical-align: middle;  }

    .inner table{ width: 60vw; margin: 0 auto; border-collapse: collapse;  }
    .inner tr{ height: 5vh; min-height: 40px; border-bottom: 1px solid #d3c89c; }
    .inner tr:first-child{ border-top: 1px solid #d3c89c; }
    .inner th{ width: 30%; background-color: #d3c89c; border-bottom: 1px solid #fff; color: #333;  }
    .inner td{ width: 70%;  border-bottom: 1px solid #d3c89c; padding-left: 1.5rem; font-size: .9rem; }

    
    
}



@media screen and (min-width: 768px) and (max-width: 1024px){
    
    .title{ display: table; width: 80vw; height: auto; margin: 7vh auto; }
    .title > h4{ display: table-cell; width: 40%; font-size: 2rem; font-weight: 800; color: #d3c89c; vertical-align: middle; text-align: center; }
    .title > p{ display: table-cell; width: 60%; font-size: 1.3rem; vertical-align: middle; text-align: center; }

    .inner table{ width: 80vw; margin: 0 auto; border-collapse: collapse;  }
    .inner tr{ height: 5vh; min-height: 30px; border-bottom: 1px solid #d3c89c; }
    .inner tr:first-child{ border-top: 1px solid #d3c89c; }
    .inner th{ width: 30%; background-color: #d3c89c; border-bottom: 1px solid #fff; color: #333;  }
    .inner td{ width: 70%;  border-bottom: 1px solid #d3c89c; padding-left: 1.5rem; font-size: .9rem; }


    
}




@media screen and (max-width: 767px){
    
    .title{display: table; width: 80vw; height: auto; margin: 8vh auto; }
    .title > h4{ display: table-cell; width: 30%; height: auto; font-size: 1.4rem; font-weight: 800; color: #d3c89c; vertical-align: middle; }
    .title > p{ display: table-cell; width: 70%; font-size: 1.1rem; vertical-align: middle; }

    .inner table{ width: 90vw; margin: 0 auto; border-collapse: collapse;  }
    .inner tr{ height: 7vh; min-height: 30px; border-bottom: 1px solid #d3c89c; }
    .inner tr:first-child{ border-top: 1px solid #d3c89c; }
    .inner th{ width: 27%; background-color: #d3c89c; border-bottom: 1px solid #fff; color: #333;  }
    .inner td{ width: 73%;  border-bottom: 1px solid #d3c89c; padding-left: 1rem; font-size: 1rem; }




    
}