@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;700;800;900&family=Quicksand:wght@300;400;500;600;700&display=swap');

 :root{
     --Playfair: "Playfair Display", serif; 
     --Quicksand: "Quicksand", sans-serif;
     --Roboto: "Roboto", sans-serif;
     --dark: #3c393d;
     -exDark: #2b2b2b;
 }
 *{
    padding: 0;
    margin: 0;
    font-family: var(--Quicksand);
 }
 body{
    line-height: 1.4;
    color: var(--dark);
 }
 img{
    width: 100%;
    display: block;
 }
 .container{
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 1.2rem;
 }
 header{
    min-height: 100vh;
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(images/banner-bg.jpg) center/cover no-repeat fixed;
    display: flex;

 }