.widget { background-color: white; padding : 8px; table { margin : 10px 0; } a:hover { opacity: 0.9; box-shadow: none; } h3 { font-family: aquarium, Verdana, Geneva, Tahoma, sans-serif; font-size : 2rem; margin : 8px 0; } .entry { display : flex; margin : 8px 0; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:13.3333px; @media screen and (max-width : 660px) { flex-direction: column; justify-content: space-around; align-items: center; } .entry-img { display : flex; justify-content: center; align-items: center; width : 47%; overflow : hidden; object-fit: contain; @media screen and (max-width : 660px) { width : 80%; } img { width : 70%; } } .entry-tables { display : flex; flex-direction: column; width : 47%; justify-content: space-evenly; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:13.3333px; .navigation-small{ @media screen and (min-width : 1050px) { display : none; } h3{ font-size: 1.25rem; } } .navigation-wide{ @media screen and (max-width : 1050px) { display : none; } h3{ font-size: 1.75rem; } } @media screen and (max-width : 660px) { width : 80%; } } } .first{ width:80%; margin:auto; margin-top:30px; margin-bottom:30px; } }