@charset "UTF-8";
 
body { background-color: #000 !important; color: #fff !important; padding: 0; background-image: url('../img/bg2.avif') !important; background-size: cover; background-position: center center; background-repeat: no-repeat; }
	
.contain { height: 100vh; display: grid; padding: 90px; }
.logo h2 { font-weight: 700; letter-spacing: -0.9px; }
.main { display: flex; align-items: center; }
.main h2 { font-weight: 700; letter-spacing: -1px; font-size: 35px; }
.main p { font-size: 23px; }
.fl { float: left; padding: 0 80px 0 0 }
.fr { float: right; }
.fr img { max-width: 100%; }
.contact-btn {
  background: #2a2d2e;
  padding: 20px 45px;
  color: #fff;
  text-decoration: none;
  margin-top: 50px !important;
  display: inline-block;
  transition: .3s all;

}
.contact-btn:hover {
  background: #454b4d;
  transition: .3s all;

}

@media only screen and (max-width: 720px) {
	
	.contain { height: 100vh; display: grid; padding: 50px; }
	.logo h2 { font-weight: 700; }
	.main { display: block; margin-top: 35px; }
	.main h2 { font-weight: 700; letter-spacing: -1px; font-size: 35px; }
	.main p { font-size: 18px; }
	.fl { float: none; padding: 0; }
	.fr { float: none; }
	.fr img { max-width: 100%; }

}

::selection {
	color: #fff;
	background: #2c3a4f;
}
  
::-webkit-scrollbar {
    width: 10px;
    background-color: #eaeaea;
    border-left: 1px solid #ccc;
}
::-webkit-scrollbar-thumb {
    background-color: #596971;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #2E3944;
}