/*-------- Global Classes------*/

main {
    width: 100%;
    height: auto;
    overflow: hidden;
    max-width: 1440px
}

.row {
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    background-color: #DAD7CE;
    
}

/* -------- Columns -------- */

.column-1 {
    width: 50%; /* 720px */
    min-height: 1024px;
}

.column-2 {
    width: 25%; /* 360px */
    min-height: 100vh;
}

.column-3 {
    width: 25%; /* 360px */
    min-height: 1024px;
    background-color: rgb(250, 235, 215);
}

.column-half {
    width: 50%;
}

.col-1-third {
    width: 33.3333%;
    height: auto;
    float: left;
}

/*-------- Typography------*/

h1 {
    color: #FFF;
    text-align: right;
    font-family: Koulen, sans-serif, Arial, Helvetica, sans-serif; 
    font-size: 5vw;
    font-weight: 400;
    margin-top: 50vh;
    margin-right: 5vw;
}

h2 {
    color: #FFF;
    font-family: "Josefin Slab", serif, Arial, Helvetica, sans-serif ;
    font-size: 35px;
    font-style: italic;
    font-weight: 600;
    margin-left: 335px;
}

h3 {
    color: #FFF;
    font-family: "Josefin Slab", serif, Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 86px;
    margin-left: 29px;
}

p {
    color: #FFF;
    font-family: "Proxima Nova", sans-serif, Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 400;
    margin: 5px 31px 30px 29px;
}

#green {
    color: #394D42;
}

/*-------- Float ------*/

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

/*------- Images----------*/

.cover {
    background-image: url('../images/bullfinch7.jpg');
    background-size: cover;
    background-position: 70%;
}

.fill-1 { 
    background-color: #394D42; 
    float: left; 
}

.fill-2 { 
    background-color: #617F5B; 
}

.img-2 {
    background-image: url('../images/bullfinch2.jpg');
    background-size: cover;
    background-position: 70%;
    float: left;
}

.img-3 {
    background-image: url('../images/bullfinch2.jpg');
    background-size: cover;
    background-position: 90%;
}

.img-4 {
    background-image: url('../images/bullfinch10.jpg');
    background-size: cover;
    background-position: 30%;
}

.img-5 {
    margin-top: 83px;
    width: 50%;
    height: 462px;
    background-image: url('../images/bullfinch3.jpg');
    background-size: cover;
    background-position: center;
    justify-content: center;
}

.logo {
    position: absolute; 
    left: 40px;
    width: 6.9444%; /* 100px */
    height: 70px;
    background: url('../images/logo.svg') no-repeat center center;
    background-size: contain;
}

/* ----- Containers ------- */ 

.container-1-fourth {
    width: 360px;
    height: 512px;
    float: left;
}

.h-628 { height: 628px; }
.h-422 { height: 422px; }

.btn-large {
    color: #FFF;
    background: #394D42;
    font-family: Koulen, sans-serif;
    font-size: 24px;
    font-weight: 400;
    padding: 20px 10px;
    border-radius: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 285px;
    margin: 20px auto;
}

.btn-large:hover {
    background-color: #617F5B;
    font-size: 25px;

}

.gallery {
    width: 100%;
    height: 100%;
}

.gallery img {
    max-width: 100%;
    height: auto;
}


/*-------- Footer --------*/ 

.footer {
    background-color: #DAD7CE;
    padding: 20px 40px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .footer-content {
    width: 100%;
    max-width: 1440px;
    display: flex;
    align-items: center; 
    justify-content: space-between;
    min-height: 80px; 
    position: relative;
  }
 
  
  /* Left-aligned logo */
  .footer-logo {
    position: absolute;
    left: 40px;
    
  }

  .footer-logo img {
    width: 120px;
    height: auto;
    display: block;
  }
  
    
  /* ---- Centered social icons ------ */


  .footer-social {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 20px;
  }
  
  .footer-social a img {
    width: 30px;
    height: 30px;
  }