:root {
	--orange: #F68723;
	--green: #17441F;
}


.header {
	padding: 25px 25px 50px 25px;
}

.menu-mobile {
	display: none;
}

.menu-item-mobile:hover {color: var(--orange);}
.menu-item-desktop:hover {color: var(--orange);}

.menu-item-desktop.is-active{color: green;}
.menu-item-mobile.is-active{color: green;}

.menu-titles {
    text-align: center;
    margin-bottom: 60px;
}

.menu-title{
    font-family: 'Parisienne';
    font-size: 70px;
    text-decoration: none !important;
}

.menu-subtitle{
	font-family: 'Baskervville Italic';
    font-size: inherit;
    margin-top: -15px;
    color: var(--orange);
}


.menu-desktop {
  display: flex;
  justify-content: center;
}

.menu-items-desktop {
  display: flex;
  width: 50%;
  justify-content: space-around;
}

@media screen and (max-width:960px) {
	.body.menu-mobile-open {
	overflow: hidden;
	}

	.header {
	display: flex;
	justify-content: space-between;
	}

    .menu-titles {
    margin-top: -15px;
    }

	.menu-desktop {
	display: none;
	}

	.menu-mobile {
	display: block;
	}

    .menu-mobile-content {
        display: none;
        }
    
    .menu-mobile-content.open {
    display: block;
    height: 100vh;
    background-color: white;
    margin-top: 65px;
    z-index: 10;
    float: left;
    position: absolute;
    left: 0;
    width: 100%;
    padding: 20px;
    }

    .menu-item-mobile {
    padding: 10px 10px 15px 10px;
    border-top: 1px solid black;
    display: block;
    }
}


@media screen and (max-width:540px) {
    .menu-title{
    font-size: 35px;
    }
	
	.menu-subtitle {
  	margin-top: -10px;
	}

    .menu-mobile-content.open {
    margin-top: 15px;
    }

}