@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/*-- 
  font-family: "Roboto", sans-serif; 
--*/
body{
  font-family: "Roboto", sans-serif; 
  font-weight: 400;
  color: #ffffff;
  
  margin:0px;
  padding:0px;
}
a, a:hover{ 
  text-decoration: none;
}

.container{ width:100%; max-width:1180px; margin:0px auto; padding:0px;}

header{width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; height: 100%; margin:0px; padding:0px; background-image: linear-gradient(0deg, rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url(../images/g-min.jpg); height:100vh;}
header .logo{ width:100%; display:block; text-align:center; margin:0px; padding:0px;}
header .logo img{ width:100%; max-width:180px; height:auto; display:inline-block;}
header .coming-soon{ width:100%; display:block; text-align:center; margin:0px; padding:0px;}
header .coming-soon h1{font-family: "Roboto", sans-serif; font-size:100px; color:#fff; font-weight:700; text-align:center; margin:0px; padding:40px 0px 10px 0px; text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.6); 
/*background: linear-gradient(90deg, #FF8008 0%, #FFC837 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; */}
header .coming-soon p{font-family: "Roboto", sans-serif; font-size:16px; color:#fff; font-weight:400; text-align:center; margin:0px; padding:0px;}

.contact_detail{ width: 100%; display: flex; justify-content: center; align-items:  center;}
.contact_detail span{ margin: 20px; font-size:20px; font-weight:500; color: #ffffff;}
.contact_detail span a{ text-decoration: underline; color: #ffffff; font-weight:400;}
.contact_detail span a:hover{ color: #000000; text-decoration: none;}

@media (max-width:991px){
header .logo img{max-width:150px;}
header .coming-soon h1{ font-size:70px; padding:20px 0px 10px 0px;}
}


@media (max-width:767px){
.container{padding:0 15px;}  
header .logo img{max-width:140px;}
header .coming-soon h1{ font-size:80px;}

.contact_detail{flex-wrap: wrap;}
.contact_detail span{ width: 100%; text-align: center;}
.contact_detail span{ margin:10px 0px; font-size:16px;}
}

@media (max-width:599px){
header .coming-soon h1{ font-size:60px;}
}

@media (max-width:479px){
header .coming-soon h1{ font-size:50px;}
}