@media only screen and (min-width: 720px){
	div{
        font-size: 18px;
    }
	.navigation {
		display: flex;
	}
	.navigation li {
		display: block; 
		flex: 1 1 auto;
	}
	.navigation li:first-child {
		display: none;
	}
	section{
		border-bottom: 1em solid rgb(4, 211, 211);
		border-radius: 1em;
	}
	.card {
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		align-items: center;
	}
	.card:nth-child(odd){
		flex-direction: row-reverse;
	}
	.info {
		display: flex;
		align-items: center;
		flex-direction: column;
		padding: 1em;
	}}