.youtube_content {
	height : 100% ;
	opacity : 0 ;
	line-height : 240% ;
}
.youtube_content p {
	color : #4A342C ;
	font-size : 0.875vw ;
}
.youtube {
	position : fixed ;
	overflow : hidden ;
	height : auto ;
	width : auto ;
	padding-top : 0.1vw ;
	padding-right : 0.1vw ;
	padding-left : 0.1vw ;
	padding-bottom : 1.15vw ;
	top : 1.5vw ;
	right : 1.54vw ;
	left : 1.5vw ;
	bottom : 10vw ;
	display : block ;
	z-index : 50 ;
	border-radius : 0.25vw ;
	transform : translateY(0.1%) ;
	transition : all 0.5s ;
	visibility : hidden ;
}
.youtube::-webkit-scrollbar * {
	background : transparent ;
}
.youtube::-webkit-scrollbar-thumb {
	background : rgba(255,0,0,0.1) ;
}
.youtube:before {
	position : absolute ;
	width : 0.01% ;
	height : 0.01% ;
	background : #4A342C ;
	opacity : 0.5 ;
	content : "" ;
	top : 100% ;
	right : 50% ;
	left : 50% ;
	bottom : 0% ;
	border-radius : 50% ;
	-webkit-transition : all 600ms cubic-bezier(0.215, 0.61, 0.355, 1) ;
	transition : all 600ms cubic-bezier(0.215, 0.61, 0.355, 1) ;
}
.youtube.active {
	display : block ;
	right : 3vw ;
	left : 3vw ;
	background : #000000 ;
	visibility : visible ;
	z-index : 50 ;
	transform : translateY(0%) ;
	transition : all 0.5s ;
	-webkit-box-shadow : 0.1vw 0.3vw 1vw #BBBBBB ;
	box-shadow : 0.1vw 0.3vw 1vw #BBBBBB ;
}
.youtube.active:before {
	position : absolute ;
	padding : 0% ;
	height : 2000px ;
	width : 2000px ;
	border-radius : 50% ;
	top : 50% ;
	right : 50% ;
	left : 50% ;
	bottom : 50% ;
	background : #000000 ;
	opacity : 0.75 ;
	margin-left : -1000px ;
	margin-top : -1000px ;
	display : block ;
	-webkit-transition : all 600ms cubic-bezier(0.215, 0.61, 0.355, 1) ;
	transition : all 600ms cubic-bezier(0.215, 0.61, 0.355, 1) ;
}
.youtube.active .youtube_content {
	position : relative ;
	height : 97% ;
	padding-top : 1vw ;
	padding-right : 1vw ;
	padding-left : 1vw ;
	padding-bottom : 1vw ;
	z-index : 50 ;
	opacity : 1 ;
	transition : all 600ms cubic-bezier(0.55, 0.055, 0.675, 0.19) ;
}
a.youtube_btn {
	padding : 0.5vw ;
  	margin-left : -2vw ;
	width : 4vw ;
	height : 4vw ;
	left : 50% ;
	bottom : 0.5vw ;
  	outline : none ;
	border-radius : 50% ;
	display : block ;
	position : fixed ;
	transform : scale(0.001) rotate(0deg) ;
	transition : transform 0.25s ;
	background-color : #ACD58A ;
	align-self : center ;
	z-index : 50 ;
}
a.youtube_btn:hover {
	text-decoration : none ;
	background-color : #F2F2F2 ;
}
a.youtube_btn.active {
	transform : scale(1) rotate(135deg) ;
	transition : transform 0.5s ;
	z-index : 55 ;
}
.youtube_empty_layer {
	position : fixed ;
	display : none ;
	width : 0% ;
	height : 0% ;
	left : 0 ;
	top : 0 ;
	z-index : 45 ;
	background-color : #67884B ;
	float : left ;
}
.youtube_empty_layer.active {
	display : block ;
	width : 100% ;
	height : 100% ;
	opacity : 0.2 ;
	-webkit-transition : all 800ms cubic-bezier(0.58, 0, 0.58, 1) ;
	transition : all 800ms cubic-bezier(0.58, 0, 0.58, 1) ;
}
    .youtube {
        bottom : 11.4vw ;
    }
	.youtube_content p {
		font-size : 1.66vw ;
	}	
	.youtube_content h2 {
		font-size : 2.38 ;
	}	
	a.youtube_btn {
		margin-left : -2.85vw ;
		width : 5.7vw ;
		height : 5.7vw ;
	}
}
    .youtube {
        bottom : 10.83vw ;
    }
	.youtube_content p {
		font-size : 1.58vw ;
	}	
	.youtube_content h2 {
		font-size : 2.26 ;
	}	
	a.youtube_btn {
		margin-left : -2.71vw ;
		width : 5.42vw ;
		height : 5.42vw ;
	}
}
    .youtube {
        bottom : 10.29vw ;
    }
	.youtube_content p {
		font-size : 1.5vw ;
	}	
	.youtube_content h2 {
		font-size : 2.14 ;
	}	
	a.youtube_btn {
		margin-left : -2.57vw ;
		width : 5.14vw ;
		height : 5.14vw ;
	}
}
    .youtube {
        bottom : 9.77vw ;
    }
	.youtube_content p {
		font-size : 1.43vw ;
	}	
	.youtube_content h2 {
		font-size : 2.04 ;
	}	
	a.youtube_btn {
		margin-left : -2.445vw ;
		width : 4.89vw ;
		height : 4.89vw ;
	}
}
    .youtube {
        bottom : 9.29vw ;
    }
	.youtube_content p {
		font-size : 1.35vw ;
	}	
	.youtube_content h2 {
		font-size : 1.93 ;
	}	
	a.youtube_btn {
		margin-left : -2.32vw ;
		width : 4.64vw ;
		height : 4.64vw ;
	}
}
    .youtube {
        bottom : 8.82vw ;
    }
	.youtube_content p {
		font-size : 1.29vw ;
	}	
	.youtube_content h2 {
		font-size : 1.84 ;
	}	
	a.youtube_btn {
		margin-left : -2.205vw ;
		width : 4.41vw ;
		height : 4.41vw ;
	}
}
    .youtube {
        bottom : 8.38vw ;
    }
	.youtube_content p {
		font-size : 1.22vw ;
	}	
	.youtube_content h2 {
		font-size : 1.75 ;
	}	
	a.youtube_btn {
		margin-left : -2.095vw ;
		width : 4.19vw ;
		height : 4.19vw ;
	}
}
    .youtube {
        bottom : 7.96vw ;
    }
	.youtube_content p {
		font-size : 1.16vw ;
	}	
	.youtube_content h2 {
		font-size : 1.66 ;
	}	
	a.youtube_btn {
		margin-left : -1.99vw ;
		width : 3.98vw ;
		height : 3.98vw ;
	}
}
    .youtube {
        bottom : 7.56vw ;
    }
	.youtube_content p {
		font-size : 1.1vw ;
	}	
	.youtube_content h2 {
		font-size : 1.58 ;
	}	
	a.youtube_btn {
		margin-left : -1.89vw ;
		width : 3.78vw ;
		height : 3.78vw ;
	}
}
    .youtube {
        bottom : 7.18vw ;
    }
	.youtube_content p {
		font-size : 1.05vw ;
	}	
	.youtube_content h2 {
		font-size : 1.5 ;
	}	
	a.youtube_btn {
		margin-left : -1.795vw ;
		width : 3.59vw ;
		height : 3.59vw ;
	}
}
@media (min-width : 2077px){
    .youtube {
        bottom : 6.83vw ;
    }
	.youtube_content p {
		font-size : 1vw ;
	}	
	.youtube_content h2 {
		font-size : 1.42 ;
	}	
	a.youtube_btn {
		margin-left : -1.705vw ;
		width : 3.41vw ;
		height : 3.41vw ;
	}
}