#embed-container { position: relative; margin-top:-20px;  padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } #embed-container iframe, #embed-container object, #embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 90%; }</style>

    <style>
h1{ font-family:Quigley; }

body{
color:#ffc;
background-color:#fffff0; }
        html {
            font-size: 16px;
            font-family: Helvetica, sans-serif;
            font-style: normal;
            font-variant: normal;
        }

        #modeWheel_Container {
            display: flex;
            flex-direction: row;
            margin: auto auto;
            max-width: 1600px;
//		top:-60px; position:relative;
        }

        #modeWheelCanvas {
            letter-spacing: -1px;
            flex-basis: auto;
            flex-grow: 0;
        }

        .ModeSelectionContainer {
            display: flex;
            flex-direction: column;
            flex: 0 0 170px;
            margin-top: 60px;
        }

        .dropdown {
            display: inline-block;
            position: relative;
            margin: 15px;
            text-align: justify;
        }

            .dropdown ul.active {
                visibility: visible;
                transition: all .3s ease;
                transform: scaleY(1);
                color: #333;
            }

            .dropdown ul {
                visibility: hidden;
                overflow: hidden;
                color: #fff;
                transform-origin: top;
                padding: 0;
                list-style: none;
                transform: scaleY(0);
                box-shadow: 0px 2px 6px 0 rgba(0,0,0,0.2);
                position: absolute;
                left: 0;
                margin-top: 2px;
                top: 100%;
                min-width: 90%;
                transition: all .3s ease;
            }

            .dropdown li {
                background: #fff;
                font-size: 1.25rem;
                box-sizing: border-box;
                cursor: pointer;
                transition: background .2s ease;
                position: relative;
            }

        .pitchesSelectList {
            z-index: 99;
            background-color: #fff;
        }

            .pitchesSelectList li {
                text-align: justify;
                margin-left: 10px;
            }

        .modesSelectList li {
            margin-left: 10px;
        }


        .dropdown li.check {
            background: #f6f6f6;
        }

            .dropdown li.check:after {
                content: '';
                position: absolute;
                height: 15px;
                width: 3px;
                background: #ccc;
                top: 0;
                bottom: 0;
                margin-top: auto;
                transform: rotate(40deg);
                margin-bottom: auto;
                right: 15px;
            }

            .dropdown li.check:before {
                content: '';
                position: absolute;
                height: 3px;
                width: 9px;
                background: #ccc;
                top: 6px;
                bottom: 0;
                margin-top: auto;
                transform: rotate(40deg);
                margin-bottom: auto;
                right: 19px;
            }

        .dropdown li:hover {
            background: #f6f6f6;
            transition: background .2s ease;
        }

        .dropdown-button {
            background: #3498db;
            color: #fff;
            box-sizing: border-box;
            padding: 4px 0px 4px 10px;
            border-radius: 6px;
            position: relative;
            cursor: pointer;
            transition: background .3s ease;
            font-size: 1.25rem;
        }

        .dropdownArrow {
            width: 2vh;
            min-width: 14px;
            max-width: 18px;
            margin: 4px 10px 0 0;
            float: right;
        }

        .dropdown-button:hover {
            background: #2980b9;
            transition: background .3s ease;
        }

        .dropdownLabel {
            font-size: 1.50rem;
        }

        @media screen and (max-width: 560px) {
            .dropdown-button {
                font-size: 1.35rem;
            }

            .dropdown li {
                font-size: 2.0rem;
            }

            .dropdownLabel {
                font-size: 1.5rem;
            }
        }

        @media screen and (max-width: 768px) and (orientation: portrait) {
            #modeWheel_Container {
                display: block;
                margin: auto auto;
            }

            #modeWheelCanvas {
            }

            .ModeSelectionContainer {
                flex-direction: row;
                margin: 0;
            }

            .dropdown {
                margin: 0 0 0 0;
                flex: 1 0;
                padding: 10px;
            }

                .dropdown li {
                    padding-left: 5vw;
                }

            .pitchesSelectList li {
                margin-left: 14vw;
            }
        }

        @media screen and (min-width: 321px) and (max-width: 768px) and (orientation: landscape) {
            .ModeSelectionContainer {
                flex: 0 0 25%;
            }

            .dropdownLabel {
                font-size: 1.75rem;
            }

            .dropdown-button {
                font-size: 1.4rem;
            }

            .dropdown li {
                font-size: 1.5rem;
                padding: 4px 4px 2px 15px;
            }
        }

        /*iPhone 10*/
        @media screen and (min-width: 800px) and (max-height: 375px) and (orientation: landscape) {
            .ModeSelectionContainer {
                flex-basis: 20%;
            }

            .dropdownLabel {
                font-size: 2.0rem;
            }

            .dropdown-button {
                font-size: 1.85rem;
            }

            .dropdown li {
                font-size: 1.75rem;
            }
        }


h1{color:#fed; 
      font-family:helvetica; 
     }
h2{font-style:italic; color:#cba;}

#ytEmbed{display:none;}

#header{
  background-color:#200;
height:90px;
position:relative;
  top:-20px;
  width:100%}


body{background-color:#123;}
	a{text-decoration:none;
  	color:#ffc;
}
button{background-color:#123;
  font-size: 16px;
  font-weight:bold;
  margin:15px;
  
}
#ytBox{position:relative; 
        left:45%;
         top: -75px }


h2 {
    font-style: italic;
    color: #edc80d;      /*  #cba;  */
    position: relative;
    top: -25px;
}
#menu{position: relative;
    left: 40%;
    top: -20px;}