* {
	margin: 0;
	padding: 0;
	font-family: 'Segoe UI';
}

.box-8-2 {
	display: none;
}

.container {
	margin: 0 auto;
	width: 970px;
}

.semibold {
	font-weight: 500;
}

.text-orange {
	color: #d83b01;
}

.background-gray {
	background-color: #e6e6e6;
}

.border-top {
	border-top: 1px solid #c8c8c8;
}

.border-orange {
	border: 2px solid #d83800;
}

.row {
	display: flex;
	flex-direction: row;
}

.column {
	display: flex;
	flex-direction: column;
}

.align-center {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.box-1 {
	display: flex;
}

.box-2,
.box-3,
.box-4,
.box-5,
.box-6,
.box-7,
.box-8,
.box-9,
.box-10 {
	display: flex;
	justify-content: space-between;
}

.box-3,
.box-4,
.box-5,
.box-6,
.box-7,
.box-9,
.box-10 {
	padding: 15px;
}
/* ----- COMEÇO BOX 1 ----- */
.box-1 {
	font-weight: 600;
	padding-top: 35px;
}

	.box-image {
		align-items: center;
	}

	.box-image,
	.box-text {
		display: flex;
		justify-content: center;
		padding-left: 20px;
	}

	.box-text {
		flex-direction: column;
	}

		.title-box {
			display: flex;
			justify-content: center;
			align-items: center;
			flex-wrap: wrap;
			font-size: 50px;
		}

		.subtitle-box {
			font-size: 25px;
		}

/* ----- FIM BOX 1 ----- */

/* ----- COMEÇO BOX 2 ----- */

.box-2 {
	padding-top: 35px;
	margin-bottom: 5px;
}
	.box-text-2 {
	    display: flex;
	    align-items: center;
		padding: 0 0 0 38px;
	}

	.box-text-2 ul li {
		font-size: 12px;
		margin-bottom: 5px;	
	}

/* ----- FIM BOX 2 ----- */

/* ----- COMEÇO BOX 3 ----- */

	#box-text-3 {
		background-color: #e6e6e6;
		padding: 20px 55px 25px 55px;
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
	}

		#title-box-3 {
			font-size: 28px;
			font-weight: bold;
			margin-bottom: 5px;
		}

		#text-box-3 {
			font-size: 14px;
			margin-bottom: 10px;
		}

			.title-box-logo {
				font-size: 14px;
				font-weight: 500;
				margin: 7px 0 7px;
			}

			.logos,
			.logos-box-2-box-8 {
				display: flex;
				flex-direction: row;
				justify-content: space-between;
}

				#word-list,
				#excel-list,
				#powerpoint-list,
				#onenote-list,
				#outlook-list,
				#access-list,
				#publisher-list,
				#exchange-list,
				#skype-list,
				#teams-list,
				#sharepoint-list,
				#outlook-costumer-list,
				#bookings-list,
				#dominio-list {
					width: 41px;
					display: flex;
					flex-direction: column;
					justify-content: flex-start;
					align-items: center;
					margin-right: 15px;
				}

				.title-logo {
					font-size: 9px;
					text-align: center;
					line-height: 1.2;
					margin-top: 2px;
				}

		.box-logos-1 {
			margin-bottom: 5px;
		}

		#services-icons {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
		}

/* ----- FIM BOX 3 ----- */

/* ----- COMEÇO BOX 4 ----- */

	#main-text-box-4 {
		padding: 45px;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	#title-box-4 {
		font-size: 25px;
		margin-bottom: 25px;
		font-weight: 500;
	}

	.text-box {
		font-size: 16px;
		margin-bottom: 15px;
	}

	.box-description {
		padding: 15px;
	}

	.image-description {
		margin-bottom: 25px;
	}

	.title-description {
		font-size: 18px;
		font-weight: 500;
	}

	#box-image-box-4 {
		display: flex;
		justify-content: flex-start;
		align-items: flex-end;
		padding: 40px 40px 0 0;
	}
/* ----- FIM BOX 4 ----- */

/* ----- COMEÇO BOX 5, 6 e 7 ----- */

	.box-image-box {
		display: flex;
		justify-content: flex-start;
		align-items: flex-end;
		padding: 40px 0 0 40px ;		
	}

	.main-text-box {
		padding: 30px;
		display: flex;
		flex-direction: column;
	}

		#title-box {
		font-size: 25px;
		font-weight: 500;
		margin-bottom: 15px;
	}

	.subtext {
		font-size: 10px;
	}

/* ----- FIM BOX 5, 6 e 7 ----- */


/* ----- COMEÇO BOX 8 ----- */

#box-1-box-8 {
	background-image: url('../images/office_365_home.png');
}
#box-3-box-8 {
	background-image: url('../images/office_365_personal.png');
}

#box-1-box-8,
#box-3-box-8 {
	width: 308px;
	background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
}

	#content-box-1-box-8 {
		padding: 5px;
	}

	#title-box-1-box-8,
	#title-box-3-box-8 {
		font-size: 32px;
	    line-height: 0.9;
	    margin-bottom: 15px;
	}

	.text-boxes-box-8 {
		font-size: 10px;
		margin-bottom: 105px;
	}

	.number-box-2-box-8 {
		font-size: 18px;
		font-weight: bold;
	}
	.number-box-2-box-8 small{
		font-size: 12px;
	}

	.low-text-box-2-box-8 {
		font-size: 10px;
		font-weight: bold;
		line-height: 1;
	}

	.column-1,
	.column-2,
	.column-3 {
		padding: 5px;
	}

	#column-1-box-8 {
		width: 106px;
    	background-color: #e6e6e6;
    	padding: 5px;
	}

	.column-1,
	.column-3 {
		width: 110px;
		background-color: #e6e6e6;
	}

	.column-2 {
		width: 105px;
		background-color: #dddddd;
	}

	.text-include {
		font-size: 11px;
		margin: 3px 0;
	}

	.resize-box-2-box-8 {
		width: 20px;
		height: auto;
	}

	.title-logo-box-2-box-8 {
		font-size: 7px;
		font-weight: bold;
		text-align: center;
	}

	#word-list-2,
	#excel-list-2,
	#powerpoint-list-2,
	#onenote-list-2,
	#outlook-list-2,
	#access-list-2,
	#publisher-list-2,
	#exchange-list-2,
	#skype-list-2,
	#teams-list-2,
	#sharepoint-list-2,
	#outlook-costumer-list-2,
	#bookings-list-2,
	#onedrive-list-2,
	#dominio-list-2 {
		width: 32px;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}

	.logos-box-2-box-8 {
		display: flex;
		justify-content: space-around;
	}

	.title-column-2-box-8 {
		font-size: 12px;
		margin: 0 5px 10px;
	}

	#content-box-3-box-8 {
		padding: 15px 10px 10px;
	}

	.text-unavailable {
		font-size: 14px;
		color: #787878;
	}

	.low-text-description {
		font-size: 12px;
	}

/* ----- FIM BOX 8 ----- */

/* ----- COMEÇO BOX 9 ----- */

 .box-9-1 {
 	width: 175px;
 	padding: 18px;
 }

 .box-9-2,
 .box-9-3,
 .box-9-4,
 .box-9-5 {
 	width: 175px;
 	padding: 18px;
 	display: flex;
 }

 	#title-box-9 {
 		font-size: 32px;
 	}

 	.image-box-9 {
 		display: flex;
 		justify-content: flex-start;
 		align-items: center;
 		margin-bottom: 25px;
 	}

 	.text-box-9 {
 		font-size: 12px;
 	}


/* ----- FIM BOX 9 ----- */

/* ----- COMEÇO BOX 10 ----- */

#text-box-10 {
	padding: 55px 50px;
}

	#title-box-10 {
		font-size: 43px;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

		#call-text {
			font-size: 22px;
			margin-bottom: 50px;
		}

		#plans-text {
			display: flex;
			justify-content: space-between;
		}	

			.box-title-plan {
				font-size: 22px;
			}

			.title-plan {
				margin-bottom: 5px;
			}
			.text-plan p {
				font-size: 17px;
			}

			.box-number {
				padding-right: 10px;
				border-right: 1px solid #d2d2d2;
			}

				.number-box-10,
				.low-text { 
					line-height: 1;
				}

				.number-box-10 {
					font-size: 36px;
				}

				.low-text {
					font-size: 10px;
				}

				.text-plan {
					display: flex;
					justify-content: center;
					align-items: center;
					padding-left: 15px;
				}

/* ----- FIM BOX 10 ----- */