* {
    margin: 0;
    padding: 0;

}

*::before,
*::after {
    box-sizing: inherit;
    -ms-box-sizing: border-box;
}

body {
    background-color: black/*#FFF5EA*/;
}
a{
    text-decoration: none;
    color: white;
    text-transform: uppercase;
}
@font-face {
    font-family: "Bernier";
    src: url("../fonts/BERNIERShade-Regular.otf");
}

@font-face {
    font-family: "Monthproof";
    src: url("../fonts/Mothproof_Script.ttf");
}

@font-face {
    font-family: "Berlin Sans";
    src: url("../fonts/Berlin\ Sans\ FB\ Demi\ Bold.ttf");
}

@font-face {
    font-family: "Las vegas";
    src: url("../fonts/LasVegasOT-Castaway.otf");
}

@font-face {
    font-family: "Agency FB";
    src: url("../fonts/AgencyFB.ttf");
}

.navigation__button_2 {
        right: 2rem;
        bottom: 1vw;
        background-color: #f0eeee;
        width: 5rem;
        height: 5rem;
        position: fixed;
        border-radius: 50%;
        z-index: 500;
        box-shadow: 0 1rem 2rem rgba(0, 0, 0, .4);
        text-align: center;
        cursor: pointer;
        transition: all 0.8s cubic-bezier(0.86, 0, 0.07, 1);
        opacity: 1;
		font-size:3rem;
		color:#E4BE45;
    }
.menutax{
	background: -webkit-linear-gradient(left, rgba(0, 165, 82, 1) 0%, rgba(0, 165, 82, 1) 50%, rgba(246, 41, 12, 1) 51%, rgba(240, 47, 23, 1) 71%, rgba(230, 26, 36, 1) 100%);
    background: -o-linear-gradient(left, rgba(0, 165, 82, 1) 0%, rgba(0, 165, 82, 1) 50%, rgba(246, 41, 12, 1) 51%, rgba(240, 47, 23, 1) 71%, rgba(230, 26, 36, 1) 100%);
    background: -ms-linear-gradient(left, rgba(0, 165, 82, 1) 0%, rgba(0, 165, 82, 1) 50%, rgba(246, 41, 12, 1) 51%, rgba(240, 47, 23, 1) 71%, rgba(230, 26, 36, 1) 100%);
    background: linear-gradient(to right, rgba(0, 165, 82, 1) 0%, rgba(0, 165, 82, 1) 50%, rgba(246, 41, 12, 1) 51%, rgba(240, 47, 23, 1) 71%, rgba(230, 26, 36, 1) 100%);
}
.menutax a {
    text-decoration: none;
    color: #ffffff;
    text-transform: uppercase;
}

.menutax li {
        display: inline-block;
        font-family: "Berlin Sans";
        text-transform: uppercase;
        font-size: 1.3rem!important;
    }

.menutax a:hover {
        color: #E4BE45;
        text-transform: uppercase;
    }

.menutax li:not(:last-child) {
        margin-right: 2vw;
        text-transform: uppercase;
    }


@media (min-width: 850px) {
.taxonomyMenu{
	padding-right: auto;
	padding-left: auto;
	text-align:center;
}
	
    .logo-center-e {
        width: 8vw;
        z-index: 3;
        position: absolute;
        top: 5vw;
        left: 50%;
        transform: translate(-50%, -50%)
    }

    .sun-spin {
        width: 8vw;
        -webkit-animation: spin 4s linear infinite;
        -moz-animation: spin 4s linear infinite;
        animation: spin 4s linear infinite;
    }

    .logo-center-grand {
        z-index: 1;
        position: absolute;
        top: 5vw;
        right: 50%;
        transform: translate(-30%, -50%);

        font-family: "Las vegas", cursive;
        font-size: 3vw;
        color: #FFF5EA;
    }

    .logo-center-sunrise {
        z-index: 1;
        position: absolute;
        top: 5vw;
        left: 50%;
        transform: translate(30%, -50%);
        font-family: "Las vegas", cursive;
        font-size: 3vw;
        color: #FFF5EA;
    }

    .menu li {
        display: inline-block;
        font-family: "Berlin Sans";

        text-transform: uppercase;
        font-size: 1.3vw;
    }

    .menu {
        text-decoration: none;

    }

    .menu li:not(:last-child) {
        margin-right: 10vw;
        text-transform: uppercase;
    }
	
	.taxonomyMenu li{
		margin-left: 2vw !important; 
		margin-right: 0vw !important; ;
        text-transform: uppercase!important; ;
    }

    .menu a {
        text-decoration: none;
        color: #ffffff;
        text-transform: uppercase;
    }

    .menu a:hover {
        color: #E4BE45;
        text-transform: uppercase;
    }

    .logo-center-subtitle {
        color: #E4BE45;
        position: absolute;
        top: 8vw;
        left: 50%;
        transform: translate(-50%, -50%);
        font-family: "Century Gothic";
        font-size: 1vw;
    }

    /************************navigation__button*/
    .navigation__button {
        right: 2rem;
        top: 1vw;
        background-color: #f0eeee;
        width: 0vw;
        height: 0vw;
        position: fixed;
        border-radius: 50%;
        z-index: 2000;
        box-shadow: 0 1rem 2rem rgba(0, 0, 0, .4);
        text-align: center;
        cursor: pointer;
        transition: all 0.8s cubic-bezier(0.86, 0, 0.07, 1);
        z-index: 2001;
        opacity: 0;
    }
}

@media (max-width: 850px) {
	.taxonomyMenu{
		text-align:center;
	}
	.taxonomyMenu li{
		margin-left: 2rem !important;
    margin-bottom: 1rem !important;
    margin-right: 0vw !important;
    text-transform: uppercase!important;
    }
	
    .logo-center-e {
        width: 13vw;
        z-index: 3;
        position: absolute;
        top: 4.8vw;
        left: 50%;
        transform: translate(-50%, -50%)
    }

    .navigation__checkbox:checked~.logo-center-e{

    }

    .sun-spin {
        width: 13vw;
        -webkit-animation: spin 4s linear infinite;
        -moz-animation: spin 4s linear infinite;
        animation: spin 4s linear infinite;
    }

    .logo-center-grand {
        z-index: 1;
        position: absolute;
        top: 5vw;
        right: 50%;
        transform: translate(-30%, -50%);

        font-family: "Las vegas", cursive;
        font-size: 5vw;
        color: #FFF5EA;
    }

    .logo-center-sunrise {
        z-index: 1;
        position: absolute;
        top: 5vw;
        left: 50%;
        transform: translate(30%, -50%);
        font-family: "Las vegas", cursive;
        font-size: 5vw;
        color: #cfc8bf;
    }

    .menu li {

        display: block;
        font-family: "Berlin Sans";
        font-size: 0vw;
        margin-top: 0vw;

        text-transform: uppercase;

    }

    .sidebar {
        background-color: black;
        left: -20000;
        flex-direction: column;
        justify-content: space-between;
        opacity: 0;
        width: 100%;
        position: fixed;
        height: 100%;
        z-index: -2000;
        transition: z-index 0.8s cubic-bezier(0.2, 0.53, 0.62, 0.98);
        transition: all 0.8s cubic-bezier(0.2, 0.53, 0.62, 0.98) 0.8s;
        transition: opacity 0.8s cubic-bezier(0.2, 0.53, 0.62, 0.98);
    }

    .navigation__checkbox:checked~.sidebar>.footer-menu>ul>li{
        display: block;
        font-family: "Berlin Sans";
        font-size: 5vw;
        margin-top: 5vw;
        z-index: 3000;
    }

    .navigation__checkbox:checked~.sidebar>.footer-menu>ul>li>a{
        text-decoration: none;
        color: white;
    }
    .navigation__checkbox:checked~.sidebar>.footer-menu>ul>li>a:hover{
        text-decoration: none;
        color: #E4BE45;
    }
    .footer-menu ul{
        top: -70vh;
        position: absolute;
        transform: translate(-50%,-50%);
        left: 50%;
    }



    .menu {
        text-decoration: none;
        height: 0%;
    }

    .logo-center-subtitle {
        color: #E4BE45;
        position: absolute;
        top: 8vw;
        left: 50%;
        transform: translate(-50%, -50%);
        font-family: "Century Gothic";
        font-size: 0vw;
    }

    /************************navigation__button*/
    .navigation__button {
        right: 2rem;
        top: 1vw;
        background-color: #f0eeee;
        width: 10vw;
        height: 10vw;
        position: fixed;
        border-radius: 50%;
        z-index: 2000;
        box-shadow: 0 1rem 2rem rgba(0, 0, 0, .4);
        text-align: center;
        cursor: pointer;
        transition: all 0.8s cubic-bezier(0.86, 0, 0.07, 1);
        z-index: 2001;
        opacity: 1;
    }
	
	
	
.navigation__checkbox:checked~.sidebar {
    /*background-color: black;*/
    background-image: linear-gradient(to right bottom, rgba(0, 0, 0, 0.9) , rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.9)), url(../img/img-2.jpg);
    background-position: top;
    background-size: cover;
    flex: 0 0 10%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    opacity: 1;
    position: fixed;
    height: 100%;
    z-index: 2000;
    transition: all 0.8s cubic-bezier(0.2, 0.53, 0.62, 0.98) 0.8s;
    transition: opacity 0.8s cubic-bezier(0.2, 0.53, 0.62, 0.98);
}

	
}

.menuBar {
    /*background-image: url("../img/img-01.png");*/
    background: rgb(98, 98, 98);
    background: radial-gradient(circle, rgba(98, 98, 98, 1) 0%, rgba(64, 64, 64, 1) 23%, rgba(0, 0, 0, 1) 100%);
    height: 12vw;
    position: relative;
}



.footer-menu {
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    align-items: center;
    text-align: center;
}

.logo-center-sun {

    z-index: 3;
    position: absolute;
    top: 5vw;
    left: 50%;
    transform: translate(-50%, -50%);

}

/****************navigation__checkbox****************************/

.navigation__checkbox {
    position: fixed;
    opacity: 0;
    width: 0;
}



.navigation__checkbox:checked+.navigation__button .navigation__icon {
    background-color: transparent;
}

.navigation__checkbox:checked+.navigation__button .navigation__icon::before {
    top: 0;
    transform: rotate(135deg);
}

.navigation__checkbox:checked+.navigation__button .navigation__icon::after {
    top: 0;
    transform: rotate(-135deg);
}




.navigation__icon {
    position: relative;
    margin-top: 5vw;
}

.navigation__icon, .navigation__icon::before, .navigation__icon::after {
    width: 5vw;
    height: 0.3vw;
    background-color: #333;
    display: inline-block;
}

.navigation__icon::before, .navigation__icon::after {
    content: "";
    position: absolute;
    left: 0;
    transition: all .2s;
}

.navigation__icon::before {
    top: -1.5vw;
}

.navigation__icon::after {
    top: 1.5vw; }
/*sun rotation*/
@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}