@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&family=Yesteryear&display=swap');

:root {
    --primary-color: #ffff;
    --heading-font:'Montserrat', sans-serif;
    --font-size-medium: 1.5rem;
 } 

 *{
    box-sizing: border-box;
    font: inherit;
    color: inherit;
 } 

 body {
    margin: 0;
    color: #222;
    font-family: var(--heading-font);
 }

 *{
    box-sizing: border-box;
    font: inherit;
    color: inherit;
 }
 a {
    text-decoration: none;
 }

 body {
    margin: 0;
    color: #fff;
    font-family: var(--heading-font);
    background-color: #b6b8b1;
    display: block;
 }
 .nav-bar-wrap{
   display: flex;
   flex-direction: row;
   width: 100%;
   padding: 0px 20px 0px 20px;
   background-color: #fff;
   align-items: center;
   font-size: var(--font-size-medium);
 }
 .nav-bar{
   color: #b6b8b1;
   display: flex;
   flex-direction: row;
   gap: 5vw;
   list-style: none;
   width: 40%;
 }
 .img-logo{
   display: flex;
   width: 10vw;
   margin-left: 5%;
 }

 .img-main-wrap{
   display: flex;
   flex-direction: row;
   width: 100%;
   height: 50vh;
 }
 .img-main-wrap-text{
   display: flex;
   width: 40vw;
   background-image: url("../img/background-texture.jpg");
 }
 .welcome-text{
   font-family: 'Yesteryear', cursive;
   display: flex;
   width: 100vw;
   color: rgb(171,129,41);
   align-items: center;
 /*   text-transform: uppercase; */
   text-align: center;
   padding: 20px 20px;
   justify-content: center;
   font-size: 2rem;
 /*   font-weight: 700; */
 }
 .img-main{
   display: flex;
   width: 60vw;
   object-fit: cover;
 }