@media screen and (orientation:portrait){.body{background-color:springgreen;margin:2%;padding:5%;height:100%}.body,.container,.container-fluid{width:100%}a{text-decoration:none}.header{width:100%;border-radius:10px;margin:0 0 2%;padding-right:10%}.nav{padding:2% 4% 2% 6%;text-align:center;font-weight:700;font-size:90%}.nav-item{margin:1% 3% 0 15%;list-style:none;display:inline}.nav-link{text-decoration:none}.logo{width:20%}.logoImg{width:80%}.proposal-table{width:100%;border-collapse:collapse;margin-top:1rem;font-family:Arial,sans-serif}.proposal-table td,.proposal-table th{border:1px solid #666;padding:8px 12px;text-align:left}.proposal-table thead{background-color:#4f46e5;color:white}.proposal-table tbody tr.even{background-color:#f9f9f9}.proposal-table tbody tr.odd{background-color:#ffffff}.hero{min-height:80vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:4rem 2rem}.hero h1{font-size:3rem;margin-bottom:1rem}.hero p{font-size:1.2rem;margin-bottom:2rem}.hero button{background-color:#4f46e5;color:white;border:none;padding:1rem 2rem;font-size:1rem;border-radius:.5rem;cursor:pointer}.about{max-width:800px;margin:3rem auto;padding:1rem;line-height:1.8}.about h1{font-size:2rem;margin-bottom:1rem}.footer{background-color:bisque}}@media screen and (orientation:landscape){.body{background-color:cyan;margin:2%;padding:5%;height:100%}.body,.container,.container-fluid{width:100%}a{text-decoration:none}.header{width:100%;border-radius:10px;margin:0 0 2%;padding-right:10%}.nav{padding:2% 4% 2% 6%;text-align:center;font-weight:700;font-size:90%}.nav-item{margin:1% 3% 0 15%;list-style:none;display:inline}.nav-link{text-decoration:none}.logo{width:20%}.logoImg{width:80%}.proposal-table{width:100%;border-collapse:collapse;margin-top:1rem;font-family:Arial,sans-serif}.proposal-table td,.proposal-table th{border:1px solid #666;padding:8px 12px;text-align:left}.proposal-table thead{background-color:#4f46e5;color:white}.proposal-table tbody tr.even{background-color:#f9f9f9}.proposal-table tbody tr.odd{background-color:#ffffff}.hero{min-height:80vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:4rem 2rem}.hero h1{font-size:3rem;margin-bottom:1rem}.hero p{font-size:1.2rem;margin-bottom:2rem}.hero button{background-color:#4f46e5;color:white;border:none;padding:1rem 2rem;font-size:1rem;border-radius:.5rem;cursor:pointer}.about{max-width:800px;margin:3rem auto;padding:1rem;line-height:1.8}.about h1{font-size:2rem;margin-bottom:1rem}.footer{background-color:bisque}}