@media screen and (max-width: 1280px) {
	#navbar {
		justify-content: center;
	}
	
	#n-itens__logo {
		font-size: 1.5em;
		margin: 0;
	}

	#n-itens__link {
		font-size: .8em;
		margin: 0;
	}
	#section {
		justify-content: center;
		align-items: center;
	}

	#article {
		gap: 30px;
	}

	#section__h1 {
		font-size: 35px;
	}

	#textGradient__p1 {
		font-size: 25px;
	}

	#textGradient__p2 {
		font-size: 15px;
	}

	#about__p1 {
		font-size: 15px;
	}

	#photo {
		display: flex;
		margin: 0;
		padding: 0;
		box-sizing: border-box;

		width: 30vw;
		height: 54vh;
	}
	#photo__image {
		width: 100%;
		height: auto;
	}

	#mySkills__h1 {
		font-size: 35px;
	}

	#mySkills__resume {
		font-size: 1em;
	}

	#mySkills__h2 {
		font-size: 35px;
	}

	.card__resume {
		font-size: 0.9em;
	}

	.card__title {
		font-size: 25px;
	}
}

@media screen and (max-width: 430px) and (min-width: 370px) {
	#n-itens {
		justify-content: center;
		margin: 0;
	}

	#n-itens__logo {
		font-size: 2em;
	}

	#n-itens__link {
		display: none;
	}

	#main {
		box-sizing: border-box;
	}

	#section {
		width: 90%;
		flex-direction: column;
	}

	#article {
		order: 2;
		width: auto;
		justify-self: center;
		align-items: flex-start;
		padding: 0;
	}

	#section__h1 {
		font-size: 35px;
	}

	#textGradient__p1 {
		font-size: 30px;
	}

	#textGradient__p2 {
		font-size: 25px;
	}

	#about {
		width: 100%;
		padding: 15px;
	}

	#about__p1 {
		font-size: 1em;
	}

	#photo {
		order: 1;
		width: auto;
		height: auto;
	}

	#photo__image {
		width: 200px;
		height: 200px;
	}

	.links__dot {
		width: 20px;
		height: 20px;
	}

	.links__logo {
		width: 20px;
		height: 20px;
	}

	#links__WApp-button {
		font-size: 0.8em;
	}

	#mySkills__fieldset {
		width: 90%;
		padding: 15px;
	}

	#mySkills__h1 {
		font-size: 30px;
	}

	#mySkills__resume {
		font-size: 1em;
	}

	#mySkills__h2 {
		font-size: 30px;
		width: 80vw;
		text-align: justify;
	}

	#col1,
	#col2 {
		align-items: center;
	}

	.card {
		width: 90%;
	}

	.card__resume {
		font-size: 1em;
	}

	.card__title {
		font-size: 1.5em;
	}

	#mySkills-section {
		flex-direction: column;
	}

	#footer__p1 {
		font-size: .8em;
	}

	#footer__p2 {
		font-size: .6em;
	}

	.goTop--active {
		left: 80%;
		width: 50px;
		height: 50px;
	}

	#goTop__img {
		width: 40px;
		height: 40px;
	}
}

@media screen and (max-width: 360px) {
	#n-itens {
		justify-content: center;
		margin: 0;
	}

	#n-itens__logo {
		font-size: 1.8em;
	}

	#n-itens__link {
		display: none;
	}

	#main {
		box-sizing: border-box;
	}

	#section {
		width: 90%;
		flex-direction: column;
	}

	#article {
		order: 2;
		width: auto;
		justify-self: center;
		align-items: flex-start;
		padding: 0;
	}

	#section__h1 {
		font-size: 30px;
	}

	#textGradient__p1 {
		font-size: 25px;
	}

	#textGradient__p2 {
		font-size: 20px;
	}

	#about {
		width: 100%;
		padding: 15px;
	}

	#about__p1 {
		font-size: .8em;
	}

	#photo {
		order: 1;
		width: auto;
		height: auto;
	}

	#photo__image {
		width: 180px;
		height: auto;
	}

	.links__dot {
		width: 20px;
		height: 20px;
	}

	.links__logo {
		width: 20px;
		height: 20px;
	}

	#links__WApp-button {
		font-size: 0.6em;
	}

	#mySkills__fieldset {
		width: 90%;
		padding: 15px;
	}

	#mySkills__h1 {
		font-size: 30px;
	}

	#mySkills__resume {
		font-size: .8em;
	}

	#mySkills__h2 {
		font-size: 30px;
		width: 80%;
		text-align: justify;
	}

	#col1,
	#col2 {
		align-items: center;
	}

	.card {
		width: 90%;
		padding: 15px;
	}

	.card__resume {
		font-size: .8em;
	}

	.card__title {
		font-size: 1.1em;
	}

	#mySkills-section {
		flex-direction: column;
	}

	#footer {
		padding: 15px;
	}

	#footer__p1 {
		font-size: .6em;
	}

	#footer__p2 {
		font-size: .5em;
	}

	.goTop--active {
		left: 80%;
		width: 45px;
		height: 45px;
	}

	#goTop__img {
		width: 35px;
		height: 35px;
	}
}