

.mathIntContainer {
	margin: 10px auto 70px;
	display: flex;
	justify-content: center;
	align-items: center
}

.lesson .mathIntContainer img {
	margin: 0
}

.mathIntElement,
.mathIntElementBigNum {
	width: 53px;
	float: left;
	margin: 0 14px;
	padding: 0
}

.mathIntElementBigNum {
	width: 73px
}

.mathIntElementNarrow {
	width: 29px;
	float: left;
	margin: 0;
	padding: 0
}

.mathIntElementWide {
	width: 160px;
	float: left;
	margin: 0 14px
}

.mathIntInput {
	height: 82px;
	margin: 0;
	color: #8eb4c4;
	border: 3px solid #8eb4c4
}

.mathIntCorrect,
.mathIntIncorrect,
.mathIntInput {
	width: 100%;
	line-height: 82px;
	padding: 0;
	text-align: center;
	font-family: 'Source Sans Pro';
	font-size: 62px;
	font-weight: 700
}

.mathIntCorrect {
	pointer-events: none;
	color: #e6945c;
	border: 3px solid #fff
}

.mathIntIncorrect {
	color: #8eb4c4;
	border: 3px solid #e02942;
	background-color: #fff3f3;
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 16px 24px
}

.mathIntCorrectBigNum,
.mathIntIncorrectBigNum,
.mathIntInputBigNum {
	width: 100%;
	line-height: 122px;
	padding: 0;
	text-align: center;
	font-family: 'Source Sans Pro';
	font-size: 92px;
	font-weight: 700
}

.mathIntInputBigNum {
	height: 122px;
	margin: 0;
	color: #8eb4c4;
	border: 3px solid #8eb4c4
}

.mathIntCorrectBigNum,
.mathIntIncorrectBigNum {
	color: #e6945c;
	border: 3px solid #fff
}

.mathIntIncorrectBigNum {
	color: #8eb4c4;
	border: 3px solid #e02942;
	background-color: #fff3f3;
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 16px 24px
}

.mathIntFractionBar,
.mathIntSubtract {
	position: relative;
	left: -12px;
	background-color: #00597d;
	margin: 8px 0;
	height: 8px;
	width: 83px
}

.mathIntSubtract {
	left: 3px;
	margin: 10px 0;
	padding: 0 -20px;
	width: 29px
}

