html, body {
	color: #fff;
	font-size: 16px;
	line-height: 1.45;
	height: 100vh;
	width: 100%;
	letter-spacing: 0.8px;
	background-image: url('back.jpg') !important;
	background-position: center;
	background-repeat: None;
	background-size: cover;
	background-attachment: fixed;
	font-family: "OpenSans" !important;
	-webkit-overflow-scrolling: touch;
	/* overflow: hidden; */
}


@media (max-width: 576px) {
    .container, .container-sm {
        max-width: 100%; 
        padding: 0 15px; 
    }
}


@media (min-width: 577px) and (max-width: 768px) {
    .container, .container-md {
        max-width: 720px;
        padding: 0 20px;
    }
}


@media (min-width: 769px) and (max-width: 992px) {
    .container, .container-lg {
        max-width: 960px;
        padding: 0 30px;
    }
}


@media (min-width: 993px) and (max-width: 1200px) {
    .container, .container-xl {
        max-width: 1140px;
        padding: 0 30px;
    }
}


@media (min-width: 1201px) and (max-width: 1800px) {
    .container, .container-xxl {
        max-width: 1400px;
        padding: 0 40px;
    }
}


@media (min-width: 1800px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1800px;
        padding: 0 50px;
    }
}