@import url('https://fonts.googleapis.com/css2?family=Archivo+Narrow:ital,wght@0,400..700;1,400..700&display=swap');
*{
    font-family: "Archivo Narrow", sans-serif;
}
#homepageslogan{
    background-color: #1C242B;
    color: #fff;
    width: 35rem;
    height: 532px;
}
#logo{
    width: 35rem;
    background-color: #1C242B;
}
#slider{
    position: absolute;
    top: 0;
    z-index: -999;
    height: 676px;
    background: url('../../../../uploads/2024/03/2-4-1.png');
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
nav{
    background: #1C242B !important;
}
.homepage nav{
    background: rgba(0, 0,0,0.5) !important;
}
.homepage #navbar-dropdown ul{
    background: none !important;
}

#navbar-dropdown ul{
    background: #1C242B;
}
#experinceBlock{
    width: 308px;
    height: 389px;
    border: 1px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
#experinceBlock h3{
    font-size: 10rem;
    font-weight: 700;
    margin-bottom: -3rem;
}
#experinceBlock span{
    font-weight: 400;
    font-size: 45px;
    color: #8B8B8B;
    display: block;
    text-align: center;
}
.colora{
    color: #8B8B8B;
}
#homepagewelcome{
    display: flex;
    flex-direction: column;
    margin-top: 3rem;
}
#homepagewelcome span{
    margin-bottom: 10px;
}
.homepageabout{
    margin-top: 3rem;
}
.homepageabout span{
    color:#8B8B8B;
    line-height: 36px;
    max-width: 428px;
    display: block;
}
#istatik{
    height: 200px;
    width: 100%;
    padding-top: 20px;
    background: #1C242B;
    overflow:hidden;
}
#istatik .container{
    height: 180px;
    line-height: 90px;
}
#istatik .container div{
    text-align: center;
}
#istatik .container div span{
    color:#fff;
    display: block;
}
#istatik .container div span:first-child{
    font-weight: 700;
    font-size: 5rem;
}
#istatik .container div span:last-child{
    font-weight: 400;
    font-size: 2rem;
    margin-top: -2rem;
}
.homepagegallery div{
    width: 100%;
    height: 490px;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    transition: all .5s ease;
    background-size: cover !important;
}
.image-box{overflow: hidden;}
.image-box div:hover{
    transform: scale(1.2);
}
.homepagegallery div a{
    display: block;
    width: 100%;
    height: 100%;
}

.homepage-contact{
    margin-bottom: 2rem;
}
.homepage-contact img{
    max-height: 400px;
}
.homepage-contact div:first-child{
    height: 100%;
    background-position: center center;
}
.homepage-contact div span{
    margin-bottom: 1.5rem;
}

footer{
    background-color: #1C242B;
}
#dropdownNavbar{
    background: rgba(0, 0,0,0.5) !important;
}

#pagecover{
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 10rem;
	padding-bottom:10rem;
    text-align: center;
	position:relative;
}
#pagecover img{
	position: absolute;
    z-index: -999;
    width: 100%;
    height: 100%;
    top: 0;

}
#content h2{
    font-weight: bold;
    font-size: 2rem;
}
#content p{
    color:#5C5C5C;
    font-size: 20px;
    margin-bottom: 2rem;
}

.size-full{
    height:auto !important;
    
}
.projectitem{
    font-size:18px !important;
    text-indent:10px;
    background:#F8F8F8;
    padding:10px;
    
}

.onlymobile{display:none;}
.onlydesktop{display:block;}
@media screen and (max-width: 600px) {
  #logo{
      width:100%;
  }
	#logo img{
		width:200px;
	}
  #slider{
      position:relative;
      height:400px;
      background-attachment:initial;
  }
  #homepageslogan{
      width:100% !important;
	  height:400px;
	  padding-top:2rem;
  }
	#homepageslogan h3{width:320px;font-size:45px;}
	#homepageslogan h4{width:215px;}
  #menuopener{
      position:absolute;
      right:10px;
      top:15px;
      color:#fff;
  }
  #navbar-dropdown{
      background:#1c242b;
      padding-left:0px !important;
  }
  #istatik .container div span:first-child{
      font-size:3rem;
  }
  .homepagegallery div{
      height:110px;
  }
  #istatik .container div span:last-child{
      font-size:1rem;
      
  }
	.mobile20{
		font-size:20px !important;
	}
	.mobile28{
		font-size:28px !important;
	}
	#homepagewelcome span:last-child{
		font-size:13px;
		color:#8B8B8B;
	}
	#homepagewelcome{
		margin-top:0px !important;
		margin-left:-2.5rem;
		margin-right:0px;
	}
	#experinceBlock{width:132px;height:176px;    display: flex;
    flex-direction: column;
    justify-content: space-evenly;}
	#experinceBlock h3{font-size:80px;}
	#experinceBlock span{font-size:20px;}
	#whyussection article{
		width:206px;
	}
	#whyussection span{
		font-size:13px !important;
	}
	.copyright{
		font-size:14px;
	}
  .removemt{
     margin-top: -5rem;
    width: 165px;
    margin-top: 65px !important;
    /* text-align: right; */
    margin-left: 1rem;
  }
	.onlymobile{display:block;}
	.onlydesktop{display:none;}
	#pagecover{
		padding-top:5rem !important;
		padding-bottom:5rem !important;
	}
}