html,body {height: 100%;}
body{font-family: 'Manrope', sans-serif}
audio::-webkit-media-controls-play-button,
audio::-webkit-media-controls-panel {
  background-color: #b28477;
  color: #b28477;
}

/* ----------   HEADER  ---------- */
header{background-color: #212121;color:#fff}
header.navbar{padding: 20px;}
/* alagi----------------------------------------------- */
.siteName{padding: 8.5px;}
/* ------------------------------------------------------- */
.navbar-dark .navbar-nav .nav-link{color: #fff}
.dropdown-menu{background-color:#212121}
.dropdown-item{color: #fff}
.dropdown-item:hover{color: rgba(255,255,255,.75);background-color: #212121}


.nav-link{cursor: pointer}
.nav-link.active{font-weight: 600}
.siteName{font-weight: 700}

.navbar-toggler{color: #FFF}


/* Underline From Center */
.hvr-underline-from-center {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
  }
  .hvr-underline-from-center:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 51%;
    right: 51%;
    bottom: 0;
    background: white;
    height: 1px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }
  .hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
    left: 0;
    right: 0;
  }
  /* ---------------------------------------------------------------- */


/* ----------  MAIN CONTENT  ---------- */


.main {
    overflow: auto;
    padding-bottom: 290px;
    max-width: 1020px;
    margin: 0 auto;
}
.wrap {min-height: 100%;}
.paintingContainer{margin-bottom: 20px;}
.galleryName{
    text-align: center;
    padding-top: 96px;
    padding-bottom: 30px;
    font-size: 24px;
    font-weight: 600;
}
.painting img{width: 100%;}
.workTitle{font-style: italic;}

/*----- home  ---------*/
.home{margin: 70px auto 0; width: 300px;}
.home figure{ display: inline-block;}
.home figure img{width: 100%;}
/* .carousel-item figure{width:350px} */

/* -----------------------   BIO ------------------------------------ */
.bio{
  padding-top:50px;
}

/* -----------------------   NEWS ------------------------------------ */
.news{padding:10px}
.news h6{ font-weight: 600; padding: 15px 0;}
figure img{width: 100%;}
.prosklisiAfisa{

  width: 400px;
}
.news9-10 figure{width: 400px;}
.newsHeader{
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  padding-top: 96px;

}
.news1{
  width: 400px;
  margin: 0 auto;
}

/* -----------------------   Contact  ---------------------------*/
  
#contact-form{margin-top: 100px;max-width: 400px;padding-left:20px}
textarea{display: block;width: 100%; height: 100px;}

#contact-form label{font-weight: 500;margin-top: 15px;}
#contact-form input{display: block;width:100%}
#contact-form .submit{margin-top: 5px;width: 81px; height: 38px; background-color: black;color: white;}
.contactForm{font-size: 22px;}
.confirmation{color:#0bd30b;font-size: 16px; transition: opacity,0.2s;}
.hidden{opacity:0;}


/* ----------   FOOTER  ---------- */

footer{position: relative;margin-top: -200px;height: 290px;clear: both;background-color: red;}
.socialIcons{height: 110px;background-color: #333;text-align: center;color: #bcbcbc;line-height: 110px;font-size: 18px;}
.copyright{text-align: center;height: 180px; background-color: #1f1f1f;}
.copyright div{font-size:18px; color: rgba(255,255,255,.4); padding-top: 100px;font-size: 16px;}


@media only screen and (min-width: 500px) {
  .home {
    width:400px;
  }
}