.checkout section{margin-bottom:2rem}.page-title{text-align:center;background-color:#eee;width:100%;height:100px;margin-bottom:2rem;font-size:larger}.checkout form,.checkout .order-summary{background-color:#eee;grid-column:span 6;padding:1rem}.checkout form h2{text-align:left;grid-column:span 12}.checkout form div{grid-column:span 6}.checkout form div label{display:block}.checkout form .address,.checkout .notes{grid-column:span 12}.checkout form textarea{width:100%;padding:1rem}.checkout form input{width:100%;height:40px;padding:1rem}.checkout select{color:#555;width:100%;padding:.7rem 0;font-size:medium}.checkout form button{color:#fff;background-color:green;border:none;grid-column:span 12;height:40px;margin-bottom:2rem}.checkout .order-summary{border:1px dotted #555}.checkout .order-summary h2{text-align:left;margin-bottom:1rem}.order-summary .table-title strong,.table-item span{text-align:center;grid-column:span 4}.order-summary .table-title strong:last-child,.table-item span:last-child{text-align:right}.order-summary .table-title strong:first-child,.table-item span:first-child{text-align:left}.order-summary div{justify-content:space-between;margin-bottom:10px}.order-summary hr{margin:1rem 0}.order-summary .cod{justify-content:flex-start;gap:1rem;margin-top:2rem}@media (max-width:800px){.checkout section{flex-direction:column;display:flex}.checkout form{order:5;display:block}.checkout form label{margin-top:10px}.checkout form button{width:100%}}