/*
You can type here custom CSS code, which will be loaded both on your admin and front-end pages. Please make sure to not override layout properties (positions and sizes), as they can interfere with the sliders built-in responsive functionality. Here are few example targets to help you get started:
*/

.ls-container { /* Slider container */

}

.ls-layers { /* Layers wrapper */ 

}

.ls-3d-box div { /* Sides of 3D transition objects */ 

}

.ls-wrapper .ls-layer{
	font-family: Nunito-Regular !important;
}
.cta-after-header-home{
	color: #fff;
}
.cta-after-header-home h4{
	font-weight: 700;
	margin: 0;
	font-family: Nunito-Bold !important;
}
.cta-after-header-home p{
	font-family: Nunito-Regular !important;
	margin-top: 10px;
	margin-bottom: 10px;
}
.cta-after-header-home input[type=submit]{
	border-radius: 25px;
	background-color: #fff;
	border: none;
	color: #ff7c00;
	font-weight: 700;
	text-align: center;
	transition: 0.3s;
	padding: 4px 18px;
}
.cta-after-header-home input[type=submit]:hover{
	background-color: #fff;
}
@media (min-width: 1200px){
	.cta-after-header-home h4{
		font-size: 42px;
	}
	.cta-after-header-home p{
		font-size:18px;
	}
	.cta-after-header-home input[type=submit]{
		font-size: 16px;
		padding: 10px 28px;
	}
}
@media (min-width: 992px) and (max-width: 1199px){
	.cta-after-header-home h4{
		font-size: 38px;
	}
	.cta-after-header-home p{
		font-size:16px;
	}
}
@media (min-width: 768px) and (max-width: 991px){
	.cta-after-header-home h4{
		font-size: 32px;
	}
	.cta-after-header-home p{
		font-size:15px;
	}
}
@media (min-width: 560px) and (max-width: 767px){
	.cta-after-header-home h4{
		font-size: 27px;
	}
	.cta-after-header-home p{
		font-size:14px;
	}
}
@media (max-width: 480px){
	.cta-after-header-home h4{
		font-size: 13px;
	}
	.cta-after-header-home input[type=submit]{
		font-size: 13px;
	}
	.cta-after-header-home p{
		margin-top: 5px;
		margin-bottom: 5px;
	}
}