*{margin: 0;
    box-sizing: border-box;}
    
    body {font-family: "Roboto", sans-serif;}
    
    .nav { display: inline-block;
    width: 4.5%;
    }
    
    header>ul { list-style: none;
    padding: 0;
    text-align: center;}
    
    header{padding: 10px 0;}
    
    .nav-logo {width: 20%;
     vertical-align: middle;
     }
    
    .nav-logo img { width: 66.81px;
    height: 79.38px;}
    
    .nav-link { font-size: 13px;
        color: black; 
        text-decoration: none;
        letter-spacing: 2px;
        font-weight: 500;}
    
    #sec01 { height: 78vh;
    background-image: url(imagens/header.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;}
    
    #roof {position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)}
    
    #h1{ color: white;
    font-size: 72px;
    letter-spacing: 10.8px;
    font-weight: 500;
    font-family: "Playfair Display", serif;
    }
    hr{
        height: 445;
        width: 1;
        margin: 16px 0px;
    }
    #p1{
        height: 38.59;
        width:  445;
        font-size: 18px;
        color: white;
        font-family: "Roboto", sans-serif;
        text-align: center;
        margin: 0px 0px 16px;
        padding: 8px 0px 0px;
    }
    
    .menu {
        position: relative;
        height: 700px;
    }
    
    .menu_esquerda {
        position: absolute;
        left: 10%;
        top: 100px;
        width: 35%;
    }
    
    .menu_esquerda h1 {
        font-size: 50px;
        letter-spacing: 5px;
        line-height: 70px;
        font-weight: 400;
        font-family: "Playfair", serif;
    
    }
    
    .menu_esquerda p {
        margin-top: 30px;
        color: #666;
        line-height: 1.5;
        font-size: 15px;
    }
    
    .botao {
        position: absolute;
        top: 420px;
        padding: 15px 30px;
        background: #ad9966;
        border: none;
        color: white;
        letter-spacing: 2px;
    }
    .menu_direita {
        position: absolute;
        right: 20%;
        padding-top: 5%;
        width: 35%;
        text-align: center;
        background-color: #faf5f0;
    }
    
    .menu_direita h1 {
        margin-bottom: 80px;
        line-height: 200%;
        text-decoration: underline #00000028;
        font-family: "Playfair Display";
        font-style: italic;
        font-weight: 10;
        font-size: 140%
    }
    
    .menu_direita span {
        line-height: 300%;
        
    }
    .menu_direita p {
        line-height: 200%;
        font-family: "Roboto", sans-serif;
        color: rgb(14, 1, 1);
        font-weight: bold;
    }
    

        #Dg {
            position: relative;
            height: 140vh;
        }
    
        #img3 {
            background-image: url(g1\ \(1\).jpg);
            height: 770px;
            width: 550px;
            position: absolute;
            left: 17%;
            top: 129px
        }
    
        #img4 {
            background-image: url(g2\ \(1\).jpg);
            height: 550px;
            width: 450px;
            position: absolute;
            left: 48%;
            top: 230px;
        }
    
        #img5 {
            background-image: url(img3.jpg);
            height: 550px;
            width: 460px;
            position: absolute;
            left: 410px;
            top: 940px;
        }
    
        #img6 {
            background-image: url(g4.jpg);
            height: 550px;
            width: 550px;
            position: absolute;
            left: 48%;
            top: 800px;
        }
    
        .formulario {
    
            background: #faf5f0;
            position: absolute;
            top: 330%;
            height: 85vh;
            width: 35%;
            left: 20%;
        }
    
    
        .Form_inteiro1 {
            position: relative;
            top: 100px;
            height: 38px;
            width: 500px;
            left: 10%;
            border: none;
            padding-left: 10px;
    
        }
    
        .Form_metade1 {
            position: relative;
            top: 115px;
            height: 38px;
            width: 240px;
            left: 10%;
            border: none;
            padding-left: 10px;
        }
    
        .Form_metade2 {
            position: relative;
            top: 115px;
            height: 38px;
            width: 240px;
            left: 12%;
            border: none;
            padding-left: 10px;
        }
    
        .Form_metade3 {
            position: relative;
            top: 125px;
            height: 38px;
            width: 240px;
            left: 10%;
            border: none;
            padding-left: 10px;
        }
    
        .Form_metade4 {
            position: relative;
            top: 125px;
            height: 38px;
            width: 240px;
            left: 12%;
            border: none;
            padding-left: 10px;
        }
    
    
        .Form_inteiro2 {
            position: relative;
            top: 135px;
            height: 38px;
            width: 500px;
            left: 10%;
            border: none;
            padding-left: 10px;
    
        }
    
        .Form_inteiro3 {
            position: relative;
            top: 145px;
            height: 38px;
            width: 500px;
            left: 10%;
            border: none;
            padding-left: 10px;
    
        }
    
        .Form_inteiro4 {
            position: relative;
            top: 155px;
            height: 38px;
            width: 500px;
            left: 10%;
            border: none;
            padding-left: 10px;
    
        }
    
        .Form_inteiro5 {
            position: relative;
            top: 165px;
            height: 38px;
            width: 500px;
            left: 10%;
            border: none;
            padding-left: 10px;
    
        }
    
        .Form_inteiro6 {
            padding-bottom: 85px;
            position: relative;
            top: 175px;
            height: 120px;
            width: 500px;
            left: 10%;
            border: none;
            padding-left: 10px;
    
        }
    
        .botao {
            position: absolute;
            top: 590px;
            left: 380px;
            padding: 15px 30px;
            background: black;
            border: none;
            color: white;
            letter-spacing: 2px;
        }
    
    
        .book {
            margin-top: 200px;
            position: absolute;
            height: 80vh;
            width: 80vh;
            right: 0%;
    
        }
    
        .book h1 {
            letter-spacing: 10px;
            font-family: "Playfair Display", serif;
            color: #000;
            line-height: 75px;
            font-size: 50px;
            margin-bottom: 0;
            margin-top: 0;
            font-weight: normal;

        }
    
    
        .book p {
            position: relative;
            top: 5%;
            color: #777777;
            font-family: "Roboto", sans-serif;
            font-size: 15px;
            font-weight: 400;
            line-height: 1.7;
    
        }
    
        .botao {
            background-color: black;
            border: none;
            color: white;
            position: absolute;
            transition: 0.3s;
        }
    
    
        .chef {
            position: relative;
            margin-top: 70%;
            margin-left: 15%;
        }
    
        .chef h1 {
            font-family: "Playfair Display", serif;
            font-size: 50px;
            letter-spacing: 2px;
            font-weight: 400;
        }
    
        .chef p {
            margin-top: 30px;
            color: #666;
            line-height: 1.5;
            font-size: 15px;
        }
    
        .chefe {
            position: absolute;
            top: 410%;
            left: 760px;
        }
    
        .fdds {
            margin-left: 20%;
            margin-top: 30%;
        }
    
        .rooftop2 {
            position: absolute;
            margin-top: 8%;
            margin-left: 40%;
        }
    
        .rooftop2 h1 {
            font-family: "Playfair Display", serif;
            font-size: 50px;
            letter-spacing: 5px;
            font-weight: 400;
        }
    
        .roof2 p {
            color: #666;
            font-family: "Roboto", sans-serif;
            font-size: 15px;
            font-weight: 400;
            line-height: 4;
    
        }