@media (min-width: 1200px) {
	:root {
		font-size: 100%;
	}
}

@media (min-width: 991px) and (max-width: 1199px) {
	:root {
		font-size: 90%;
	}
}

@media (max-width: 990px) {
	.collapse .navbar-nav {
		border-top-color: var(--light-color);
		padding-top: 1.4rem;
	}

	.dropdown-lang {
		position: relative;
		top: 0;
		display: none;
	}
}

@media (min-width: 768px) and (max-width: 990px) {
	:root {
		font-size: 74%;
	}

	.navbar-collapse {
		padding-top: 2rem;
	}

	.navbar-nav .nav-link {
		font-size: 1.8rem;
	}

	.navbar-wrapper .dropdown-lang {
		margin-bottom: 16px;
	}

	.dropdown-lang ul {
		width: auto;
	}
}

@media (min-width: 576px) and (max-width: 767px) {
	:root {
		font-size: 60%;
	}

	.navbar-collapse {
		padding-top: 2.2rem;
	}

	.navbar-nav .nav-link {
		font-size: 2rem;
	}

	.img-profile-content {
		width: calc(100vw / 1.875);
	}

	.img-profile-wrapper {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		flex-direction: column;
		margin-bottom: 50px;
	}

	.portfolio {
		width: 33.33% !important;
	}

	.entry-content p {
		font-size: 1.25rem !important;
	}
}

@media (max-width: 576px) {
	p {
		font-size: 2rem;
	}

	li {
		font-size: 1.4rem;
	}

	.img-profile-content {
		width: calc(100vw / 1.875);
	}

	.img-profile-wrapper {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		flex-direction: column;
		margin-bottom: 50px;
	}

	#portfolio-details .team-member-name {
		font-size: 3.2rem;
	}

	#portfolio-details .team-details h3 {
		font-size: 3.2rem;
	}

	.img-profile-content img {
		width: 24rem;
	}

	.entry-content {
		max-height: 30rem;
	}

	.entry-footer a {
		font-size: 1.2rem;
	}

	.entry-content p {
		font-size: 1.5rem !important;
	}

	.skills h4 {
		font-size: 2.25rem;
	}
}

@media (min-width: 420px) and (max-width: 575px) {
	:root {
		font-size: 48%;
	}

	.navbar-toggler {
		font-size: 3.4rem;
	}

	.navbar .container {
		padding: 0 1.8rem;
	}

	.navbar-collapse {
		padding-top: 2.6rem;
	}

	.navbar-nav .nav-link {
		font-size: 2.2rem;
	}

	.portfolio {
		width: 50% !important;
	}
}

@media (min-width: 310px) and (max-width: 419px) {
	:root {
		font-size: 38%;
	}

	.navbar-toggler {
		font-size: 3.4rem;
	}

	.navbar .container {
		padding: 0 2rem;
	}

	.navbar-collapse {
		padding-top: 2.8rem;
	}

	.navbar-nav .nav-link {
		font-size: 2.2rem;
	}

	.portfolio {
		width: 100% !important;
	}
}

@media (max-width: 309px) {
	:root {
		font-size: 30%;
	}

	.navbar-toggler {
		font-size: 3.4rem;
	}

	.navbar .container {
		padding: 0 2.2rem;
	}

	.navbar-collapse {
		padding-top: 3.2rem;
	}

	.navbar-nav .nav-link {
		font-size: 2.2rem;
	}

	.portfolio {
		width: 100% !important;
	}
}