/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1920px) { 
	.container{
		max-width: 1700px;
	}
}
@media (min-width: 1600px) and (max-width: 1919.98px){
	html{
		font-size: 55%;
	}
	.container{
		max-width: 1500px;
	}
}
@media (min-width: 1366px) and (max-width: 1599.98px){
	html{
		font-size: 48%;
	}
	.container{
		max-width: 1290px;
	}
}
@media (min-width: 1200px) and (max-width: 1365.99px){
	html{
		font-size: 43%;
	}
	.container{
		max-width: 1140px;
	}
}
@media (min-width: 992px) and (max-width: 1199.98px){
	html{
		font-size: 35%;
	}
	.container{
		max-width: 970px;
	}
}

@media (min-width: 992px){
}
@media (max-width: 991.98px) {
	html{
		font-size: 55%;
	}
	h2 {
	    font-size: 4.5rem;
	}
	h3{
		font-size: 4rem;
	}
	.back-to-top {
	    bottom: 10rem;
	}
}
/*Medium devices (tablets, 767px and down)*/
@media (max-width: 767.98px) {
	html{
		font-size: 43%;
	}
}

/*Small devices (landscape phones, 575px and down)*/
@media (max-width: 575.98px) {
	html{
		font-size: 1.88vw;
	}
	body{
		font-size: 2rem;
	}
	.container{
		padding-left: 2.5rem;
		padding-right: 2.5rem;
	}
	h1 {
	    font-size: 5rem;
	}
	h2{
		font-size: 4rem;
	}
	.home_area {
	    padding: 18rem 2rem;
	}
	.home_content p {
	    max-width: 40rem;
	    margin-left: auto;
	    margin-right: auto;
	}
	footer{
		text-align: center;
	}
	.services_item {
	    padding-top: 3rem;
	}
	.service_area {
	    padding-bottom: 8rem;
	}
	.intro_area {
	    padding: 6rem 0;
	}
	.intro_area p{
		font-size: 3rem;
	}
	.inner_home .home_content p{
		max-width: 100%;
	}

	.home_area{
		min-height: 100%;
	}
	.home_area::after {
	    width: calc(100% - 3rem);
	    height: calc(100% - 3rem);
	}
	.moments .img_wraps img {
    width: 100% !important;
}
.service_area .row .interested_img img {
    width: 100% !important;
}
}