.fixture-element{margin-bottom:20px;padding:20px;background-color:#688168;color:white;box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);font-family:"TitilliumWeb-Regular";font-size:1.8rem}h2{margin:120px 0 12px 0;font-family:Freshman;font-size:60px;color:white}.fixture-element .fixture-row{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}.fixture-element .team-logo,.fixture-element .opponent-logo{display:grid;grid-template-columns:1fr auto;align-items:center;text-align:center}@media screen and (max-width:768px){h2{font-size:30px;margin-top:5rem}.fixture-element .team-logo,.fixture-element .opponent-logo{grid-template-columns:1fr}.fixture-element .rotate-logo .flip-image{order:-1}}.fixture-element .team-logo img,.fixture-element .opponent-logo img{height:50px;width:auto}.fixture-element .team-logo .team-name,.fixture-element .opponent-logo .team-name{font-size:1.8rem;margin-top:5px}@media screen and (max-width:768px){.fixture-element .team-logo .team-name,.fixture-element .opponent-logo .team-name{font-size:1rem;margin-top:0}}.fixture-element .fixture-details{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.fixture-element .fixture-details p{margin:5px 0;font-size:14px}.fixture-element:hover{transform:translateY(-3px)}@media screen and (max-width:768px){.fixture-element .team-logo,.fixture-element .opponent-logo{flex-direction:column}}@media screen and (min-width:769px){.fixture-element .team-logo,.fixture-element .opponent-logo{flex-direction:row}}