@media screen and (max-width: 768px) {

	* {
		padding: 0;
		margin: 0;
		box-sizing: border-box;
	}

	.alertBox {
		left: 50%;
		transform: translateX(-50%);
		width: 90%;
		font-size: 15px;
	}

	main {
		padding-bottom: 40px;
	}

	.cepBox {

		.cepFlex {
			scale: .8;
		}
	}

	header {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 0;
		padding: 0;

		.boxSections {
			display: flex;
			flex-direction: column;
			gap: 30px;
			padding: 0;
			scale: .9;

			.sections {
				position: relative;
				display: flex;
				justify-content: space-around;
				gap: 0;
				width: 100%;
			}

			.network {
				display: flex;
				justify-content: flex-end;
				gap: 20px;
				width: 100%;
				padding-right: 25px;
			}
		}

		.logoBox {
			width: 100dvw;
			height: 150px;
			display: flex;
			justify-content: center;
		}

		div.flexSections {

			#email {
				margin: 0;
			}

			div.sectionsFlexCep {
				display: flex;
				flex-direction: column;
				justify-content: center;
				font-size: 20px;
			}

			div.flexUpText {
				display: flex;
				text-align: center;
				align-items: center;
				flex-direction: column;
				justify-content: center;
				font-size: 20px;
			}
		}
	}

	section#planos {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: 20px;

		.plansGrid {
			place-items: center;
			display: flex;
			flex-direction: column;
			gap: 70px;

			.basicPlans,
			.comboPlans {
				grid-template-columns: repeat(1, 1fr);
			}

			.plansContainer {
				position: relative;
				transition: .5;
				display: flex;
				flex-direction: column;
				border: solid white 1px;
				padding: 10px;
				border-radius: 30px;
				min-width: 300px;
				max-width: auto;
				margin: 0 auto;
				height: auto;
				background: rgb(12, 12, 12);
				color: white;
				cursor: pointer;
			}
		}
	}

	.blockedImage {
		height: 300px;

		.initialInfo {
			top: 10%;

			button#redirectToFlat {
				width: 120px;
				height: 30px;
				display: flex;
				justify-content: center;
				align-items: center;

				p {
					font-size: 12px;
				}
			}

			h2 {
				font-size: 40px;
			}
		}
	}

	section {
		.sectionTitle {
			font-size: 35px;
			text-align: center;
		}
	}

	.announcementBox {

		.announcement {
			display: flex;
			flex-direction: column;
			height: auto;
			max-width: 80dvw;
			max-height: 80dvh;

			article {

				.announcementTitle {

					.megaByteSpeed {
						font-size: 28px;
					}
				}
			}

			.announcementImage {
				order: 1;
				width: 50%;
				display: flex;
				justify-content: center;
				align-items: center;
				padding: 5px;

				img {
					border-radius: 0;
					width: 100%;
					height: 100%;
				}
			}

			.captionAnnouncement {
				order: 2;

			}
		}
	}

	section#numeros {
		width: 95%;

		.boxNumbers {
			width: 100%;
			height: auto;
			padding: 0;

			.flexNumbers {
				flex-direction: column;
				justify-content: center;
				align-items: center;
				gap: 20px;
				padding: 3px;
				transform: scale(.7);

				.numbers {
					display: flex;
					align-items: center;
					flex-direction: row;
					justify-content: center;
					gap: 50px;
					width: 100%;
					border-bottom: solid gray 3px;

					h3 {
						font-size: 40px;
					}

					h2 {
						font-size: 18px;
					}

					a {
						width: 50px;
						height: 50px;
					}
				}
			}
		}
	}

	section#fluinetApps {
		display: flex;
		flex-direction: column;
		gap: 5px;
		width: 100%;
		height: auto;

		.television {
			width: 100%;
			height: auto;
			min-height: 400px;
			padding: 25px;

			 img {
				width: 100px;
			 }

			 .flexIcon {
				width: 100%;

				.appCaption {
					border: none;
					font-weight: 400;
					padding: 15px;
					
				}

				.appIconFlex {
					i {
						width: 30%;
						height: 30%;
					}

					.appNameFlex {
						display: flex;
						justify-content: center;
						align-items: center;

						h3 {
							font-size: 15px;
						}

						.appName {
							width: 100%;
						}
					}
				}
			 }
		}

		.control {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			padding: 5px;
			gap: 2px;

			.firstLineButtons {
				display: flex;
				width: 100%;
				gap: 30px;

				button {
					width: 50%;
					height: 30px;
				}
			}

			div {
				width: 100%;
				justify-content: center;
				align-items: center;
			}

			.flexApps {
				grid-template-columns: repeat(7, 1fr);
				column-gap: 5px;
				place-items: center;

				i {
					width: 40px;
					height: 40px;
				}

			}
		}
	}

	section#feedback {

		h2 {
			font-size: 23px;
			margin-left: 0;
		}

		.feedbackBox {
			width: 70%;

			.feedbackContent {

					.feedbackLastLine {
					.feedbackCaption {
						font-weight: 500;
					}
				}
			}
		}
	}

	section#beneficios {
		
		.beneficiosContainer {
			grid-template-columns: repeat(2, 1fr);
			gap: 10px;
			align-items: center;
			justify-content: center;
			
			article {
				height: 300px;
				width: 180px;
				text-align: center;

				i {
					width: 50px;
					height: 50px;
				}

				img {
					width: 150px;
				}

				span {
					max-width: 90%;
				}
			}
		}

		.copyright {
			flex-direction: column;
			width: 100%;

			img {
				width: 150px;
			}
		}
	}
}