/* ===========================
   RESET
=========================== */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

/* ===========================
   BODY
=========================== */

body{

    background:#f7f7f5;
    color:#59999;

    font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif;

}

/* ===========================
   MAIN
=========================== */

main{

    display:flex;

    justify-content:center;

    align-items:center;

    min-height:75vh;

    padding:40px;

}
/* ===========================
   HEADER
=========================== */

header{

    padding:20px 80px;

}

/* ===========================
   NAVBAR
=========================== */

.navbar{

    display:flex;

    justify-content:space-between;

    align-items:center;

}

/* ===========================
   LOGO
=========================== */

.nav-logo{

    width:190px;

    height:auto;

}

/* ===========================
   MENU
=========================== */

.nav-menu{

    display:flex;

    gap:40px;

    list-style:none;

}

/* ===========================
   LINK
=========================== */

.nav-menu a{

    text-decoration:none;

    color:#2F2F2F;

    font-size:16px;

    transition:.3s;

}

.nav-menu a:hover{

    color:#539999;

}
/* ===========================
   WRAPPER
=========================== */

.wrapper{

    max-width:700px;

    text-align:center;

}

/* ===========================
   LOGO
=========================== */

.logo{

    width:300px;

    margin-bottom:30px;

}

/* ===========================
   TITLE
=========================== */

h1{

    font-size:54px;

    font-weight:600;

    letter-spacing:10px;

    margin-bottom:18px;

}

/* ===========================
   GOLD LINE
=========================== */

.divider{

    width:100px;

    height:2px;

    background:#B79B62;

    margin:0 auto 25px;

}

/* ===========================
   SUBTITLE
=========================== */

h2{

    font-size:26px;

    font-weight:500;

    margin-bottom:25px;

}

/* ===========================
   PARAGRAPH
=========================== */

p{

    color:#666;

    font-size:18px;

    line-height:1.9;

}

/* ===========================
   FOOTER
=========================== */

.footer{

    margin-top:70px;

    color:#667;

    font-size:14px;

}

/* ===========================
   MOBILE
=========================== */

@media(max-width:768px){

    h1{

        font-size:38px;

        letter-spacing:5px;

    }

    h2{

        font-size:22px;

    }

    p{

        font-size:16px;

    }

}