body{
    font-family: 'Roboto', sans-serif;
}
h1{
    font-weight: 600;
}
p{
    font-weight: 100;
    font-size: medium;
    font-stretch: expanded;
}
.nav{
    background-color: #202020;
    width: 100%;
}
.links{
    margin-left: 28%;
}
.nav-link{
    color: white;
}
.nav-link:hover{
    color: #d5a770;
}
.hero{
    font-weight: bolder;
    font-size: 34px;
    color: white;
    text-align: center;
}
.hero p{
    position: relative;
    z-index: 2;
    /* margin-top: -20%; */
}
.hero i{
    position: relative;
    z-index: 2;
    margin-top: 18%;
    color: white;
}
.hero h1{
    position: relative;
    z-index: 2;
    padding-bottom: 12%;
    color: white;
    font-weight: 300;
    font-size: 80px;
}
.modal{
    text-align: center;
}
.modal-body input{
    width: 80%;
}
.modal-body .btn{
    background-color: #d5a770;
    color: white;
}
.btn-circle{
    margin: 4px 2px;
    padding: 10px 20px;
    border-radius: 20px;
    background-color: #474747;
    margin-top: 2%;
    color: white
    
}
.btn-circle:hover{
   background-color: black;
   color: white;
}
.featured{
    margin-top: 5%;
    text-align: center;
}
.artist-section{
    background-image: url('images/artist_bg.jpg');
    color: white;
    text-align: center;
    padding-top: 5%;
    height: 550px;
}
.artist-section button{
    margin-top: 15%;
}
.team .card{
    height: 380px;
    width: 100%;
    border: 0px;
    text-align: left;
}
.team .card-img-top{
    height: 245px;
    width: 100%;
}
.team i{
    color: #d5a770;
}
.artist1{
    background-color: black;
}
.artist2{
    background-color: #2c4f5b;
}
.artist3{
    background-color: #317372;
}
.recent{
    margin-top: 10%;
    background-color:#B1C0B5;
    padding: 3%;
}
.recent img{
    margin-left: 2%;
}
.order-div{
    text-align: center;
    margin-top: 2%;
}
.order-div h3{
    margin-top: 86%;
    margin-bottom: 3%;
}
.order-div button{
    margin-bottom: 5%;
    background-color: #d5a770;
}
.footer{
    background-color: #232323;
    padding-top: 8%;
    padding-bottom: 8%;
    padding-left: 15%;
    padding-right: 15%;
    text-align: center;
    width: 101%;
}
.footer i{
    color: #d5a770;
    font-size: 405%;
}
.footer h4, .footer h6{
    margin-top: 8%;
}
.footer p{
    color: #707271;
}
.main-footer{
    background-color: black;
    padding-top: 8%;
    padding-bottom: 8%;
    padding-left: 15%;
    padding-right: 15%;
    color:white;
}
.main-footer p{
    font-size: medium;
    font-weight: 100;
}
@media only screen and (max-width: 640px) {
    .gallery img {
      background-size: 100%;
    }
    .links{
        margin-left: 4%;
    }
  }