#top-firstView{
    background-image:url(../images/firstview.jpg); 
    background-size:cover; 
    min-height:100vh;
}
.firstView-main{
    width: 100%;
    background: rgba(34, 34, 34, .35);
}
#section-about ,#section-company {
}

#section-about  {
    background-image:url(../images/aboutview.jpg); 
    background-size:cover; 
    background-position:right;
}



#section-news,#section-staff{
}

#firstlogo {
  padding-left:10px;
  padding-right:10px;
  width: 90%;
  max-width: 720px;
}

#section-about .headline{
  font-size:3.5rem;
  /**color: #b98903;**/
  color: #fcb900;
}
@media (max-width:960px) {
#section-about .headline{
  font-size:2rem;
  /**color: #b98903;**/
  color: #fcb900;
}
}
#section-news .headline2{
  font-size:3.5rem;
}
@media (max-width:960px) {
#section-news .headline2{
  font-size:1.8rem;
}
}
.light-text{
    color:#fff;
}
/**
@media (max-width:960px) {
#section-service {
    background-image:url(../images/sample2.jpg); 
    background-size:cover; 
    filter: grayscale(80%);                
    width:100%;   
}
}
**/



.in-first-logo{

  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
}
.in-first-logo .uk-logo{
  font-size: 10.5vw;
}
.in-first #logo{
  display: none;
}

.logo-about{
  width:14vw;
  height:14vw;
  mask-position: bottom right;/*center center;*/
  -webkit-mask-position: bottom right;/*center center;*/
  
}

@media (max-width:960px) {
.logo-about{
  width:18vw;
  height:18vw;
}
}
@media (max-width:640px) {
.logo-about{
  width: 28vw;
  height: 28vw;
}
}
/**
.in-first{
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  font-size: 15vw;
}
**/

.gallery-item img{
    width: 100%;
    object-fit: cover;
    overflow-clip-margin: content-box;
    overflow: clip;
}
.artwork-item img{
    width: 100%;
    object-fit: cover;
    overflow-clip-margin: content-box;
    overflow: clip;
}

.member-item img{
    width: 100%;
    object-fit: cover;
}