@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@100;300;400;500;600;800;900&family=Montserrat:wght@100;300;400;600;800;900&family=Quicksand:wght@300;400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Baloo+Da+2:wght@400;500;600;700;800&family=Paytone+One&family=Quicksand:wght@300;400;600;700&display=swap');

/**
font-family: 'Kanit', sans-serif;
font-family: 'Montserrat', sans-serif;
font-family: 'Quicksand', sans-serif;

 */


html, body {  height: 100%; }

body {font-family: 'Quicksand', sans-serif;  font-size: 14px; position: relative; font-weight: 400; overflow-x: hidden;}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {
	margin-left : 0;
}

.content {
	position : relative;
}

:focus {
	outline : none;
}

/* -webkit-transition: all 200ms ease-in;
-moz-transition: all 200ms ease-in;
-ms-transition: all 200ms ease-in;
-o-transition: all 200ms ease-in;
transition: all 200ms ease-in; */
/* @yvzyrlmz 2022 */

.main-content {background: #000;width: 100%;height: 100%;position: relative;}

.main-content > img.banner {width: 100%; height: 100%; object-fit: cover; opacity: 0.2;}

.content {position: absolute;left: 0;top: 50%;width: 100%;margin-top: -200px;}

.logo {text-align: center; width: 100%; margin-bottom: 40px; height: 200px; }
.logo img {
	padding: 20px;
	background: rgba(255,255,255,1);
	border-radius: 20px;
	max-height: 100%;
}

.content-title {text-align: center; color: #fff; font-family: 'Baloo Da 2', cursive; margin-bottom: 40px;
}
.content-title h3 {font-size: 30px; line-height: 30px; }
.content-title h3 + h3 {margin-top: 10px;}

.social {text-align: center; }
.social ul {display: inline-block;}
.social ul li {float: left; margin: 0 10px;  }
.social ul li a {display: block; text-decoration: none; color: #fff; }
.social ul li i {display: block; height: 50px; line-height: 50px; }
.social ul li i:before {font-size: 40px; }
.social ul li a:hover {color: #dbdbdb;}

@media (max-width: 769px) {
	.social ul li i:before {font-size: 30px;}
	.content {/* padding: 250px 0 0 0; */margin-top: -160px;}
}