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

.wrapper{
	min-height:100%;
	overflow:hidden;
	display:flex;
	flex-direction:column;
}
.blocking{
	flex:1 1 auto;
}
.tut-container{
	max-width:1000px;
	margin:0 auto;
	padding-left:20px;
	padding-right:20px;
	/*border:1px solid pink;*/
}
.tut-header{
	
	margin:0 auto;
}
/*.tut-header h3{
	margin-top:80px;
}*/
.tut-header-title{
	font-family: 'Merriweather Sans', sans-serif;
	font-size:1.4em;
	font-weight:600;
	color:#038ece;
	line-height:30px;
	max-width:1300px;
	margin:0 auto;
	margin-bottom:30px;
	margin-top:50px;
}

.tut-header p{
	font-family: 'Nunito', sans-serif;
	font-size:1.1em;
	font-weight:400;
	color: #453931;
	line-height:20px;
	margin-bottom:20px;
}
.tut-header-subtitle{
	font-family: 'Nunito', sans-serif;
	font-size:1.2em;
	font-weight:700;
	color: #453931;
	line-height:20px;
	margin-bottom:15px;
	margin-top:50px;
}
.before-after-row{
	display:flex;
	margin:0 auto;
	justify-content:center;
	margin-top:40px;
	
}
.before-after-column{
	flex:0 1 50%;
	padding:15px;
}
.before-after-column img{
	width:100%;
	display:block;
	/*border:1px solid #cecdcd;*/
}
.block-methods-row{
	display:flex;
	margin:0 auto;
	justify-content:center;
}
.block-methods-column{
	flex:0 1 33.333%;
	padding:15px;
	display:flex;
}
.block-methods-title{
	font-family: 'Nunito', sans-serif;
	font-size:1.1em;
	font-weight:700;
	line-height:20px;
	letter-spacing:1px;
	color:#453931;
	text-transform:uppercase;
	text-align:center;
	padding-bottom:20px;
}
.block-methods-item{
	background-color:#f3f3f3;
	padding:20px;
}
.block-methods-item img{
	width:100%;
	display:block;
	
}
.block-methods-text li{
	font-family: 'Nunito', sans-serif;
	font-size:1.1em;
	font-weight:400;
	line-height:20px;
	color:#453931;
	padding-top:20px;
}
.number{
	font-size:20px;
}
#youtube{
	padding-top:80px;
	text-align:center;
	font-family: 'Nunito', sans-serif;
	font-size:1.1em;
	font-weight:700;
	line-height:20px;
	color:#453931;
}
.video{
	display:flex;
	justify-content:center;
	padding-bottom:50px;
}
.video iframe{
	width:800px;
	height:432px;
	display:block;
}

@media (max-width:850px){
.before-after-column{
	padding:10px;
}
.tut-container{
	padding-left:20px;
	padding-right:20px;
}
.block-methods-column{
	padding:10px;
}
}


@media (max-width:768px){
.tut-header-title{
	margin-top:20px;
	font-size:1.5em;
	margin-bottom:20px;
}
}

@media (max-width:700px){
	.before-after-row{
	flex-wrap:wrap;
	margin-top:25px;
	max-width:500px;	
}
.before-after-column{
	flex:0 1 100%;
	padding:15px;
}
	.block-methods-row{
	display:flex;
	flex-wrap:wrap;
	margin:0 auto;
	justify-content:center;
	max-width:500px;
}
.block-methods-column{
	flex:0 1 100%;
}

.tut-header-subtitle{
	margin-top:30px;
}
#youtube{
	padding-top:50px;
}
}


@media (max-width:680px){
	.video iframe{
	width:680px;
	height:346px;
}
.tut-header-title{
	margin-top:20px;
	font-size:1.5em;
	margin-bottom:20px;
}
}

@media (max-width:620px){
	.video iframe{
	width:578px;
	height:312px;
}
}


@media (max-width:566px){
	.video iframe{
	width:526px;
	height:284px;
}
}

@media (max-width:500px){
	.video iframe{
	width:464px;
	height:250px;
}
}

@media (max-width:436px){
	.video iframe{
	width:397px;
	height:214px;
}
}

@media (max-width:414px){
	.tut-container{
	padding-left:10px;
	padding-right:10px;
}
.before-after-column{
	padding:10px;
	padding-bottom:10px;
}
	.video iframe{
	width:374px;
	height:194px;
}
.tut-header-title{
	margin-top:15px;
	font-size:1.4em;
	margin-bottom:15px;
	text-align:center;
}
.tut-header-subtitle{
	text-align:center;
}
.tut-header p{
	font-family: 'Nunito', sans-serif;
	font-size:1.05em;
	font-weight:400;
	color: #453931;
	line-height:20px;
	margin-bottom:20px;
}
.block-methods-text li{
	font-size:1.05em;
}
#youtube{
	padding-top:5px;
}
.video{
	padding-bottom:30px;
}
}


@media (max-width:320px){
	.video iframe{
	width:300px;
	height:162px;
}
}