.dropdownContainer{
    display: block;
    /* position: absolute; */
    height: 20vw;
    z-index: 50;
    margin-top: 8vw;
    /* font-family: 'ArbutusSlab'; */
    font-size: 3.5vw;
	font-weight: bold;
}

.selector{
    background-color: white;
    text-align: left;
    color: black;
    height: 10vw;
	width: 60vw;
    /* text-transform: uppercase; */
	display: flex;
	flex-direction: row;
	/* align-items: center; */
	justify-content: center;
}

.selectorText{
    width: 50vw;
    height: 10vw;
    display: flex;
	flex-direction: column;
	justify-content: center;
    padding-left: 4vw;
	border: 0.1vw solid lightgrey
}

.selectorButton{
    height: 10vw;
    width: 10vw;
    background-color: var(--colorRed);
}

.selectorButton-open{
    height: 10vw;
    width: 10vw;
    background-color: #ee5358;
    transform: rotate( 180deg );
}

.options{
    background-color: white;
    text-align: left;
    color: black;
    height: 10vw;
	width: 60vw;
    /* text-transform: uppercase; */
	display: flex;
	flex-direction: column;
	justify-content: center;
    padding-left: 4vw;
	border: 0.1vw solid lightgrey
}

@media (orientation: landscape) {
	.dropdownContainer{
        height: 15vh;
        margin-top: 6vh;
        font-size: 3vh;
    }
    
    .selector{
        height: 7.5vh;
        width: 40vh;
    }
    
    .selectorText{
        width: 32.5vh;
        height: 7.5vh;
        padding-left: 3vh
    }
    
    .selectorButton{
        height: 7.5vh;
        width: 7.5vh;
    }

    .selectorButton-open{
        height: 7.5vh;
        width: 7.5vh;
    }
    
    .options{
        height: 7.5vh;
        width: 40vh;
        padding-left: 3vh
    }
}