/* Medium Views (>600px) */

@media screen and (orientation: portrait) and (min-width: 600px) {
	/* container--header */
	.menu__burguer {
		width: 2.3rem;
	}

	.menu__x {
		width: 1.5rem;
	}

	.logo {
		width: 3.3rem;
	}

	.menu__list {
		gap: 2em;
	}

	.menu__close {
		position: absolute;
		top: 2.5rem;
		right: 1.8rem;
	}

	/* container--usage */
	/* .usage__flexbox {
		flex-direction: column;
	} */
}

@media screen and (orientation: landscape) and (min-width: 600px) {
	/* container--header */
	.menu__btn {
		/* display: none; */
		visibility: hidden; /* To center menu items*/
	}

	.menu__close {
		display: none;
	}

	.logo__link {
		left: 1.5%;
	}

	.nav {
		opacity: 1;
		height: auto;
	}

	.menu__list {
		flex-direction: row;
		letter-spacing: var(--ls-1px);
	}

	.menu__link::before {
		width: 0;
	}

	.menu__link:hover {
		color: var(--color-1st-dark);
	}

	/* container--usage */
	.usage__flexbox {
		flex-direction: row;
	}

	.usage__flex__item {
		width: 49%;
	}

	.arrow {
		right: 1.5rem;
		bottom: 1rem;
	}

	/* container--footer */
	.container--footer {
		padding: 0.7em 0;
	}

	.footer {
		flex-direction: row;
		justify-content: space-between;
		gap: 0;
	}
}

/* Medium Views (>1200px) */

@media screen and (orientation: landscape) and (min-width: 1200px) {
	body {
		font-size: var(--fsm-p);
	}

	/* .bubble--sections {
		display: block;
	} */

	/* container--header */
	.menu__list {
		font-size: 1.125rem;
		gap: 2.5em;
	}

	/* container--usage */
	.usage__flexbox {
		display: none;
		/* flex-direction: column; */
	}

	/* .usage__flex__item {
		flex-direction: row;
	} */

	.table {
		display: block;
		width: 100%;
	}

	.title.table__title {
		font-size: var(--fsm-cookie-table);
	}

	.title.title__cookie--width {
		width: 17%;
	}

	.arrow {
		right: 1.7rem;
		bottom: 1.5rem;
	}
}