h1{font-size:3rem}@media only screen and (max-width: 500px){h1{font-size:1.7rem}p{font-size:.7rem}}body{background-color:brown;margin:0;padding:0}.layout{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100vh;gap:10%}.apl-logo{width:300px;margin-left:10%;cursor:pointer}.home-container{width:70%;display:flex;flex-direction:column;gap:40px;padding-bottom:50px}.image{width:250px;height:250px;object-fit:contain;border-radius:5px}.para{display:flex;flex-direction:row;gap:50px;align-items:center;padding:30px;background-color:#fff;color:#000;border-radius:5px}.menu-icon{cursor:pointer}.menu-icon:hover{color:brown}.low-bar{width:100%;min-height:100px;background-color:#000;display:flex;flex-direction:row;align-items:center;justify-content:center;color:#f0f8ff;font-size:.7rem;gap:500px}.heading{color:brown;font-weight:bolder;font-size:1.5REM}.top-bar{width:100%;display:flex;flex-direction:row;align-items:center;background-color:#fff;gap:60px;z-index:1000}.menu-bar{width:50%;height:50px;display:flex;flex-direction:row;align-items:center;justify-content:center;color:#000;gap:30px}.petroleum-container{width:80%;background-color:#0ff;display:flex;flex-direction:column;align-items:center;justify-content:center}.table-container{margin:20px auto;width:80%;text-align:center}.styled-table{border-collapse:collapse;margin:25px 0;font-size:15px;font-family:Arial,sans-serif;width:100%;border:1px solid #ddd;box-shadow:0 0 10px #0000001a}.styled-table thead tr{background-color:#009879;color:#fff;text-align:left}.styled-table th,.styled-table td{padding:12px 15px;text-align:center;word-wrap:break-word;white-space:normal}.styled-table td:nth-child(1),.styled-table th:nth-child(1){width:15%}.styled-table td:nth-child(2),.styled-table th:nth-child(2){width:40%}.styled-table tbody tr{border-bottom:1px solid #dddddd}.styled-table tbody tr:nth-of-type(2n){background-color:#f3f3f3}.styled-table tbody tr:last-of-type{border-bottom:2px solid #009879}#contact{width:50%;justify-content:center}@media only screen and (max-width: 500px){.para{flex-direction:column;gap:20px}.low-bar{gap:100px}.menu-bar{display:none}.menu-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.menu-modal-content{background:#fff;padding:20px;border-radius:8px;text-align:center;width:80%}.menu-modal-content .menu-icon{font-size:20px;margin:10px 0;cursor:pointer;color:#000}.menu-modal-content .menu-icon:hover{color:brown}}