.moments {
}

.moments .top {
	height: 70px;
	background-color: #59A3BD;
}

.moments.challenge .top {
	background-color: #B400C4;
}

.moments .backButton {
	float: left;
	width: 31px;
	height: 31px;
	background-image: url(http://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/dialogback_s_v1.png);
	background-size: 31px 31px;
	margin: 19px 0 0 10px;
    visibility: hidden;
}

.moments .titleSection {
	float: left;
	margin: 0 0 0 15px;
    line-height: 70px;
}

.moments .closeButton {
	float: right;
	width: 28px;
	height: 27px;
	background-size: 28px 27px;
	margin: 5px 5px 0 0;
	background-image: url(http://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/x_s_v1.png);
    display: none;
}

.moments .container {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}

.moments.size1 .dynamicText {
	font-size: 18px;
}

.moments.size1 .dynamicTextLarge {
    font-size: 27px;
}

.moments.size1 .dynamicTextMedium {
    font-size: 16px;
}

.moments.size1 .dynamicTextSmall {
    font-size: 12px;
}

.moments.size1 .dynamicTextTiny {
    font-size: 9px;
}

.moments.size2 .dynamicText {
	font-size: 24px;
}

.moments.size2 .dynamicTextLarge {
    font-size: 36px;
}

.moments.size2 .dynamicTextMedium {
    font-size: 21px;
}

.moments.size2 .dynamicTextSmall {
    font-size: 16px;
}

.moments.size2 .dynamicTextTiny {
    font-size: 12px;
}

.moments.size3 .dynamicText {
	font-size: 30px;
}

.moments.size3 .dynamicTextLarge {
    font-size: 45px;
}

.moments.size3 .dynamicTextMedium {
    font-size: 27px;
}

.moments.size3 .dynamicTextSmall {
    font-size: 20px;
}

.moments.size3 .dynamicTextTiny {
    font-size: 15px;
}

.moments.size4 .dynamicText {
	font-size: 36px;
}

.moments.size4 .dynamicTextLarge {
    font-size: 54px;
}

.moments.size4 .dynamicTextMedium {
    font-size: 32px;
}

.moments.size4 .dynamicTextSmall {
    font-size: 24px;
}

.moments.size4 .dynamicTextTiny {
    font-size: 18px;
}