body{
background:#fafafa;
font-family: Arial, Helvetica, sans-serif;
color:#333;
}

.nav-icon{
width:25px;
height:auto;
margin-right:8px;
}

h1,
h2,
h3,
h4,
h5,
h6{
font-family:'Playfair Display', serif;
}

.about h2{
margin-bottom:20px;
}

.navbar-brand{
font-family:'Playfair Display', serif;
font-weight:600;
}

.nav-link{
font-family:'Playfair Display', serif;
}


.btn{
font-family:'Playfair Display', serif;
margin-bottom: 10px;
}

.carousel-caption h1,
.carousel-caption p{
font-family:'Playfair Display', serif;
}

.card-title{
font-family:'Playfair Display', serif;
}

.hero{
width:100%;
}

.carousel img{
height:500px;
object-fit:cover;
}

.carousel-caption{
background:rgba(0,0,0,0.4);
padding:20px;
}

.about{
padding-top:60px;
padding-bottom:60px;
}

.paintings{
padding-top:60px;
padding-bottom:60px;
background:#f4f4f4;
}

.paintings h2{
margin-bottom:40px;
}

.card{
margin-bottom:30px;
}

.card img{
height:220px;
object-fit:cover;
}

.footer{
padding-top:40px;
padding-bottom:40px;
font-size:14px;
}

/* media query */
@media screen and (max-width:768px){

.carousel img{
height:250px;
}

.carousel-caption{
padding:10px;
}

.carousel-caption h1{
font-size:24px;
}

.carousel-caption p{
font-size:14px;
}

.about{
padding-top:40px;
padding-bottom:40px;
}

.paintings{
padding-top:40px;
padding-bottom:40px;
}

.card img{
height:180px;
}

.navbar-brand{
font-size:18px;
}


}