// contentX styles

.tpl-master-article{

	.master-article__heading{
		.title{
			width:100%;
			max-width: 780px;
			margin:0px auto;
			margin-bottom: 8rem;
		}
	}

	.master-article__image{
		.article-image{
			width:100%;
			max-width: 980px;
			height:653px;
			margin:0px auto;
			border-radius: 140px;
			border-bottom-left-radius: 30px;
			background-size: cover;
			background-position:50% 50%;
		}
	}

	.main-article{
		width:100%;
		max-width: 680px;
		margin:0px auto;
		padding-top: 4rem;
		padding-bottom: 8rem;
		padding-left:0px;
		padding-right:0px;

		p{
			@include fontSize(20);
			@include lineHeight(30, 20);
		}
		.highlight{
			@include fontSize(36);
			@include lineHeight(46, 36);
			font-weight: normal;
		}

		@include media-breakpoint-up(md){
			padding-top: 8rem;
			padding-bottom: 14rem;
		}

		* {
			@include clearLast;
		}

		video{
			margin-top:3rem;
		}

		.intro-text{

			margin-bottom: 3rem;

			@include media-breakpoint-up(md){
				margin-bottom: 6rem;
			}

			p{
				color: $colorHighlightBlue;
				@include fontSize(24);
				@include lineHeight(34,24);
				margin-bottom: 3.4rem;
				@include clearLast;
				@include fontFace($bodoni-book);


				@include media-breakpoint-up(md){
					@include fontSize(30);
					@include lineHeight(42,30);
					margin-bottom: 4.2rem;
				}
			}

		}
	}

	.article-select{

		> div[class^="col"]{
			padding-right: 1px;
    		padding-left: 1px;
		}

		@include media-breakpoint-up(md){
			margin-right: 0;
			margin-left: 0;
		}



		article{
			background: $colorBabyBlue;
			padding: 6rem 3rem 6rem 3rem;
			text-align: center;
			border-bottom: 2px solid white;

			@include media-breakpoint-up(lg){
				height: 100%;
				padding: 10rem 8rem 12rem 8rem;
				border-bottom: none;
			}
			@include media-breakpoint-up(xl){
				padding: 10rem 14rem 12rem 14rem;
			}


			.sup-title{
				margin-bottom: 2rem;
			}

			h3{
				@include fontFace($bodoni-book);
				@include fontSize(30);
				@include lineHeight(40,30);
				margin-bottom: 2rem;
				@include media-breakpoint-up(lg){
					@include fontSize(36);
					@include lineHeight(46,36);
					width:80%;
					margin:0px auto;

				}
			}

			
		}
	}
}