/*-------------------TUTORIAL CONTENT----------------------*/

.wrapper{
	min-height:100%;
	overflow:hidden;
	display:flex;
	flex-direction:column;
}
.inarsia{
	flex:1 1 auto;
}
.tut-container{
	max-width:1300px;
	margin:0 auto;
	padding-left:20px;
	padding-right:20px;
	/*border:1px solid pink;*/
}
.tut-header{
	
	margin:0 auto;
}
.tut-header-title{
	font-family: 'Merriweather Sans', sans-serif;
	font-size:1.4em;
	font-weight:600;
	color:#038ece;
	max-width:1300px;
	margin:0 auto;
	margin-bottom:30px;
	margin-top:50px;
}
.tut-header-text{
	font-family: 'Nunito', sans-serif;
	font-size:1.1em;
	font-weight:400;
	color: #453931;
	line-height:20px;
}
.video{
	display:flex;
	justify-content:center;
	/*border:1px solid red;*/
	margin:0 auto;
}
.video-1{
	padding-right:20px;
	display:block;
	width:600px; 
	height:326px;
	/*border:1px solid blue;*/
}
.video-2{
	padding-left:20px;
	display:block;
	width:600px; 
	height:326px;
}
.tut-bottom-title{
	font-family: 'Merriweather Sans', sans-serif;
	font-size:1.4em;
	font-weight:600;
	color:#038ece;
	max-width:1300px;
	margin:0 auto;
	margin-bottom:30px;
	margin-top:100px;
	line-height:30px;
}

.tut-photo-row{
	/*max-width:1300px;*/
	display:flex;
	margin:30px auto;
	/*border:1px solid blue;*/
	
}
.tut-photo-column{
	flex:0 1 25%;
	padding:0px 20px;
	display:flex;
}
.tut-photo-item{
	border-bottom:1px solid #cbc9c5;
	padding-bottom:20px;
}
.tut-photo-item img{
	display:block;
	width:100%;
	margin-bottom:20px;
}
.tut-photo-item p{
	font-family: 'Nunito', sans-serif;
	font-size:1.1em;
	font-weight:400;
	color: #453931;
	line-height:20px;
}


.tut-photo-row-2{
	display:flex;
	margin:60px auto;
	padding-bottom:50px;
}
.tut-photo-column-2{
	flex:0 1 50%;
	padding:0px 20px;
	display:flex;
	
}
.tut-photo-item-2{
	border-bottom:1px solid #cbc9c5;
	padding-bottom:20px;
}
.tut-img-row{
	display:flex;
	margin:0px -20px;
}

.tut-photo-item-2 img{
	display:block;
	width:100%;
}
.tut-img-column{
	flex:0 1 50%;
	padding:0px 20px;
	
}
.tut-photo-item-2 p{
	font-family: 'Nunito', sans-serif;
	font-size:1.1em;
	font-weight:400;
	color: #453931;
	line-height:20px;
	padding-top:20px;
}
.tut-photo-row-2{
	padding-bottom:20px;
}




@media (max-width:1200px){
	.video-1{
	width:540px; 
	height:293px;
	
}
.video-2{
	padding-left:20px;
	display:block;
	width:540px; 
	height:293px;
}
.tut-bottom-title{
	margin-top:50px;
}
}


@media (max-width:1024px){
	.video-1{
	width:472px; 
	height:254px;
	
}
.video-2{
	width:472px; 
	height:254px;
}
}


@media (max-width:850px){
	
.tut-header-title{
	margin-bottom:30px;
	margin-top:30px;
}
	.video{
	flex-wrap:wrap;
	}
	
	.video-1{
	width:600px; 
	height:326px;
	padding-bottom:30px;
	padding-right:0;
	
}
.video-2{
	width:600px; 
	height:326px;
	padding-bottom:30px;
	padding-left:0;
}
	.tut-bottom-title{
	margin-bottom:30px;
	margin-top:20px;
}
.tut-photo-row{
	flex-wrap:wrap;
	max-width:700px;
	margin-bottom:0px;
}
.tut-photo-column{
	flex:0 1 50%;
}
.tut-photo-item{
	border-bottom:none;
}
.tut-photo-row-2{
	flex-wrap:wrap;
	margin:0px auto;
	padding-bottom:50px;
	max-width:700px;
}
.tut-photo-column-2{
	flex:0 1 100%;
	padding:0px 20px;
	display:flex;
	
	
}
.tut-photo-item-2{
	border-bottom:none;	
}
}


@media (max-width:534px){
	.tut-header-title{
	font-size:1.5em;
}
	.video-1{
	width:494px; 
	height:266px;
	padding-bottom:20px;
	padding-left:0;
}
.video-2{
	width:494px; 
	height:266px;
	padding-bottom:20px;
	padding-left:0;
}
.tut-bottom-title{
	font-size:1.5em;
}
}



@media (max-width:446px){
	.tut-header-title{
	font-size:1.4em;
	text-align:center;
}
	.video-1{
	width:406px; 
	height:218px;
	padding-bottom:20px;
	padding-left:0;
}
.video-2{
	width:406px; 
	height:218px;
	padding-bottom:20px;
	padding-left:0;
}
.tut-bottom-title{
	font-size:1.4em;
	text-align:center;
	margin-bottom:10px;
	margin-top:10px;
}
.tut-photo-row{
	max-width:350px;
}
.tut-photo-column{
	flex:0 1 100%;
}
.tut-img-row{
	display:flex;
	flex-wrap:wrap;
	margin:0;
}
.tut-img-column{
	flex:0 1 100%;
	padding:0px;
	max-width:350px;
}
.tut-photo-row-2{
	max-width:350px;
	padding-bottom:10px;
}
}

@media (max-width:375px){
	.tut-header-title{
	margin-top:20px;
	margin-bottom:20px;
}
	.video-1{
	width:335px; 
	height:180px;
	padding-bottom:15px;
	padding-left:0;
}
.video-2{
	width:335px; 
	height:180px;
	padding-bottom:10px;
	padding-left:0;
}
}