/* Media start----------------------------------------*/

@media (max-width: 767px){

div.graphic{	
	padding:64px 0 32px 0 ;
	background-color: #09070D;
}

div.graphic h1{	
	margin-top: 32px;
	font-size: 32px;
	font-weight: 600;
	line-height: 40px;
	text-align: left;
	color: #FFD82A;
	font-family: "Playfair Display", serif;
}

div.graphic p{
	font-size: 18px;
	font-weight: 500;
	line-height: 24px;
	text-align: left;
	color: #fff;
}
div.graphic img{
	border-radius: 24px;
}

/*--------------------------------------------------------*/

div.soft{	
	padding: 32px 0 ;
	background-color: #0E0A16;
}

div.soft h1{	
	font-size: 32px;
	font-weight: 600;
	line-height: 40px;
	color: #FFD82A;
	text-align: left;
	font-family: "Playfair Display", serif;
	margin-bottom: 32px;
}
div.soft h4{
	font-size: 24px;
	font-weight: 600;
	line-height: 24px;
	text-align: left;
	color: #FFD82A;	
	padding-top: 4px;
}
div.soft h5{
	font-size: 18px;
	font-weight: 600;
	line-height: 32px;
	text-align: left;
	color: #fff;	
	padding-top: 0px;
}
div.soft p{
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	text-align: left;
	color: #fff;	
	margin-bottom: 16px;
}

/*--------------------------------------------------------*/

div.learn{	
	padding: 32px 0;
	background-color: #09070D;
}

div.learn h1{	
	font-size: 32px;
	font-weight: 500;
	line-height: 40px;
	color: #FFD82A;
	text-align: left;
	font-family: "Playfair Display", serif;
	margin-bottom: 32px;
}

div.learn p{
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-align: left;
	color: #fff;	
	padding-bottom: 8px;
}

/*--------------------------------------------------------*/

div.who{	
	padding: 32px 0;
	background-color: #0E0A16;
}

div.who h1{	
	font-size: 32px;
	font-weight: 500;
	line-height: 40px;
	color: #FFD82A;
	text-align: left;
	font-family: "Playfair Display", serif;
	margin-bottom: 32px;
}
div.who h4{
	font-size: 32px;
	font-weight: 600;
	line-height: 40px;
	text-align: left;
	font-family: "Playfair Display", serif;
	color: #FFD82A;	
	padding: 16px 0;
}
div.who h5{
	font-size: 18px;
	font-weight: 600;
	line-height: 32px;
	text-align: left;
	color: #fff;	
	padding-top: 0px;
}
div.who p{
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-align: left;
	color: #fff;	
	padding-bottom: 0px;
}

/*--------------------------------------------------------*/

div.graphic-motion{	
	padding:64px 0 32px 0;
	background-color: #0E0A16;
}

div.graphic-motion h1{	
	margin-top: 40px;
	font-size: 32px;
	font-weight: 500;
	line-height: 40px;
	text-align: left;
	color: #141414;
	font-family: "Playfair Display", serif;
}

div.graphic-motion p{
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-align: left;
	color: #141414;
}
div.graphic-motion img{
	border-radius: 24px;
}

/*--------------------------------------------------------*/


div.vfx{	
	padding:64px 0 32px 0;
	background-color: #fff;
}

div.vfx h1{	
	margin-top: 32px;
	font-size: 32px;
	font-weight: 500;
	line-height: 40px;
	text-align: left;
	color: #141414;
	font-family: "Playfair Display", serif;
}

div.vfx p{
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-align: left;
	color: #141414;
}
div.vfx img{
	border-radius: 24px;
}

/*--------------------------------------------------------*/

}

/* Media End-------------------------------------------*/

.graphic{	
	padding:128px 0 128px 0 ;
	background-color: #09070D;
	min-height: 700px;
}

.graphic h1{	
	margin-top: 140px;
	font-size: 64px;
	font-weight: 500;
	line-height: 64px;
	text-align: left;
	color: #FFD82A;
	font-family: "Playfair Display", serif;
}

.graphic p{
	font-size: 24px;
	font-weight: 400;
	line-height: 36px;
	text-align: left;
	color: #eee;
}
.graphic img{

}

/*--------------------------------------------------------*/

.soft{	
	padding: 128px 0 ;
	background-color: #0E0A16;
}

.soft h1{	
	font-size: 64px;
	font-weight: 500;
	line-height: 80px;
	color: #FFD82A;
	text-align: left;
	font-family: "Playfair Display", serif;
	margin-bottom: 64px;
}
.soft h4{
	font-size: 40px;
	font-weight: 600;
	line-height: 48px;
	text-align: left;
	font-family: "Playfair Display", serif;
	color: #FFD82A;	
	padding: 16px 0;
}
.soft h5{
	font-size: 24px;
	font-weight: 600;
	line-height: 32px;
	text-align: left;
	color: #eee;	
	padding-top: 16px;
}
.soft p{
	font-size: 20px;
	font-weight: 400;
	line-height: 28px;
	text-align: left;
	color: #eee;	
	margin-bottom: 24px;
}
.soft .fa-caret-right{
	padding-right: 8px;
	color: #ccc;
}
/*--------------------------------------------------------*/

.learn{	
	padding: 128px 0;
	background-color: #09070D;
}

.learn h1{	
	font-size: 64px;
	font-weight: 500;
	line-height: 80px;
	color: #FFD82A;
	text-align: left;
	font-family: "Playfair Display", serif;
	margin-bottom: 64px;
}

.learn p{
	font-size: 20px;
	font-weight: 400;
	line-height: 32px;
	text-align: left;
	color: #eee;	
	padding-bottom: 8px;
}
.learn img{
	border-radius: 24px;
}

/*--------------------------------------------------------*/

.who{	
	padding: 128px 0;
	background-color: #0E0A16;
}

.who h1{	
	font-size: 64px;
	font-weight: 500;
	line-height: 80px;
	color: #FFD82A;
	text-align: left;
	font-family: "Playfair Display", serif;
	margin-bottom: 64px;
}
.who h4{
	font-size: 40px;
	font-weight: 600;
	line-height: 48px;
	text-align: left;
	font-family: "Playfair Display", serif;
	color: #FFD82A;	
	padding: 16px 0;
}
.who h5{
	font-size: 24px;
	font-weight: 600;
	line-height: 32px;
	text-align: left;
	color: #eee;	
	padding-top: 16px;
}
.who p{
	font-size: 20px;
	font-weight: 400;
	line-height: 32px;
	text-align: left;
	color: #eee;	
	padding-bottom: 8px;
}

/*--------------------------------------------------------*/

.graphic-motion{	
	padding:128px 0 128px 0 ;
	background-color: #fff;
	min-height: 700px;
}

.graphic-motion h1{	
	margin-top: 40px;
	font-size: 64px;
	font-weight: 500;
	line-height: 64px;
	text-align: left;
	color: #141414;
	font-family: "Playfair Display", serif;
}

.graphic-motion p{
	font-size: 24px;
	font-weight: 400;
	line-height: 36px;
	text-align: left;
	color: #141414;
}
.graphic-motion img{
	border-radius: 24px;
}

/*--------------------------------------------------------*/


.vfx{	
	padding:128px 0 128px 0 ;
	background-color: #fff;
	min-height: 700px;
}

.vfx h1{	
	margin-top: 80px;
	font-size: 64px;
	font-weight: 500;
	line-height: 64px;
	text-align: left;
	color: #141414;
	font-family: "Playfair Display", serif;
}

.vfx p{
	font-size: 24px;
	font-weight: 400;
	line-height: 36px;
	text-align: left;
	color: #141414;
}
.vfx img{
	border-radius: 24px;
}

/*--------------------------------------------------------*/