body{margin: auto;}
h1{font-family:"ivypresto-display", serif;}

#nav-bar{display: flex;}

#nav-list {
    list-style: none;
    padding: 0;
    display: flex
;
    gap: 12rem;
    flex-grow: 1;
    justify-content: center;
}


#logo{height: 35px;}

p{font-family:"ivypresto-display", serif; ;}

h1{font-size: 138px;
    font-weight: 300;
margin: 0;}

    #main{display: flex
        ;
            justify-content: space-around;
            height: 100vh;
        align-items: center;}

    a{font-size: 15px;
        font-family:"ivypresto-display", serif;
    text-decoration: none;
color: black;}

#cta{height: 77px;
width: 330px;
background-color: black;
border-radius: 15px;}

#get-your-tickets{color: white;
font-size: 25px;
padding: 17px 53px 18px 53px;}


h2{font-size: 108px;
    text-align: center;
    font-family:"ivypresto-display", serif;
font-weight: 300;
margin-bottom: 140px;}


    p{font-size: 1.5vh;
        text-align: center;
    letter-spacing: 2px;}


        #first-section{height: 69vh;}

#third-section{display: flex
    ;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    height: 167vh;}

#title-button{display: flex;
        flex-direction: column;
        align-items: center;
        height: 78vh;
        justify-content: space-evenly;}

#text-maps{display: flex
    ;
        flex-direction: column;
        align-content: center;
        align-items: center;
    height: 123vh;}

#find-us{font-size: 9vh;}

#footer{display: flex
    ;
        align-content: center;
        justify-content: space-around;
        align-items: center;
        padding-bottom: 2vh;}


#info-reservation{height: 41vh;}

#second-section{display: flex
    ;
        flex-direction: column;
        align-content: center;
        align-items: center;
        height: 212vh;}

#second-section img{height: 950px;}


#third-section p {height:58vh}


#first-section{height: 108vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;}

.first-paragraphe{width: 50%;
    font-size: 1em;
    text-align: left;
letter-spacing: 2px;}

.second-paragraphe{width: 50%;
    font-size: 1em;
    text-align: left;
letter-spacing: 2px;
margin-bottom: 80px;}

.third-paragraphe{width: 50%;
    font-size: 1em;
    text-align: left;
letter-spacing: 2px;}


#nav-list a{letter-spacing: 2px;}

#link-logo{margin-top: 7px;
    margin-left: 19px;
    height: 30px;}

#map-google{    margin-bottom: 96px;
border-top: solid 6px;
 border-bottom: solid 6px;}

span{font-size: 64px;}



/*version responsive mobile*/



@media screen and (max-width: 768px) {

    h1{font-family:"ivypresto-display", serif;}

    #nav-bar{display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        align-content: space-around;
        align-items: center;}
    
    #nav-list {
        justify-content: center;
        gap: 9rem;
        align-items: center;
        align-content: stretch;
        margin: 0;
        flex-grow: 0;
        padding: 0;
        margin-top: 43px;
    }
    
    
    #logo{height: 47px;}
    
    p{font-family:"ivypresto-display", serif; ;}
    
    h1{font-size: 58px;
        font-weight: 400;
        margin: 0;
        text-align: center;}
    
        #main{display: flex
            ;
                    justify-content: space-around;
                    height: 110vh;
                    align-items: center;
                    flex-direction: column;
                    margin-bottom: 50px;}
    
        a{font-size: 15px;
            font-family:"ivypresto-display", serif;
        text-decoration: none;
    color: black;}
    
    #cta{height: 77px;
    width: 330px;
    background-color: black;
    border-radius: 15px;}
    
    #get-your-tickets{color: white;
    font-size: 25px;
    padding: 17px 53px 18px 53px;}
    
    
    h2{font-size: 38px;
        text-align: center;
        font-family: "ivypresto-display", serif;
        font-weight: 300;
        margin-bottom: 49px;}
    
    
        p{font-size: 1vh;
            text-align: center;
            letter-spacing: 2px;}
    
    
            #first-section{height: 69vh;}
    
    #third-section{        display: flex
        ;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                height: 138vh;}
    
    #title-button{display: flex
        ;
                flex-direction: column;
                align-items: center;
                height: 51vh;
                justify-content: space-evenly;}
    
    #text-maps{display: flex
        ;
                flex-direction: column;
                align-content: center;
                align-items: center;
                height: 73vh;}
    
    #find-us{font-size: 9vh;}
    
    #footer{display: flex
        ;
                align-content: center;
                justify-content: space-around;
                align-items: center;
                padding-bottom: 1vh;}
    
    
    #info-reservation{height: 41vh;}
    
    #second-section{display: flex
        ;
                flex-direction: column;
                align-content: center;
                align-items: center;
                height: 170vh;}
    
    #second-section img{height: 250px;}

    #third-section img{height: 250px;}
    
    
    #third-section p {height: 54vh;
        margin-bottom: 526px;}
    
    
    #first-section{height: 158vh;
        display: flex
;
        flex-direction: column;
        justify-content: center;
        align-items: center;}
    
    .first-paragraphe{width: 50%;
        font-size: 1em;
        text-align: left;
        letter-spacing: 2px;}
    
    .second-paragraphe{width: 50%;
        font-size: 1em;
        text-align: left;
        letter-spacing: 2px;
        margin-bottom: 80px;}
    
    .third-paragraphe{width: 50%;
        font-size: 1em;
        text-align: left;
    letter-spacing: 2px;}
    
    
    #nav-list a{letter-spacing: 2px;}
    
    #link-logo{margin-top: 7px;
        margin-left: 19px;
        height: 30px;}
    
    #map-google{    margin-bottom: 96px;
    border-top: solid 6px;
     border-bottom: solid 6px;}
    
    span{font-size: 64px;}

    
}