/*@font-face {

    font-family: 'gabriola';

    src: url('..//App/gabriola.eot');

    src: local('gabriola'), url('../App/gabriola.ttf') format('truetype');

}



@font-face {

    font-family: 'gabriola';

    src: url(..//App/gabriola.eot);

    src: url(..//App/gabriola.eot?#iefix) format('embedded-opentype'),

         url(..//App/gabriola.svg#gabriola) format('svg'),

         url(..//App/gabriola.otf) format('otf'),

         url(..//App/gabriola.ttf) format('truetype'),

         url(..//App/gabriola.woff) format('woff'),

         url(..//App/gabriola.woff2) format('woff2');

  }*/



nav{

    font-family: "Gabriola";

}



.logo{

    position: fixed;

    left: 5%;

    opacity: 0.5;

    background-color: transparent;

    z-index: 2;

    filter: drop-shadow(5px 5px 5px #000);

}



.bread_crumbs{

    width: 100%;

    position: fixed;

    opacity: 0.75;

    top: 100px;

    left: 50%;

    font-size: large;

    background-color: transparent;

    filter: drop-shadow(5px 5px 5px #000);

    z-index: 1;

}



.bread_crumbs a{

    text-decoration: none;

    color: rgb(54, 54, 54);

}



.nav{

    position: fixed;

    right: 10%;

    z-index: 1000;

}

.dropdown {

    position: relative;

    display: inline-block;



    transition: 0.5s;

}

.dropbtn {

    background-color: transparent;

    padding: 1;

    text-align: center;

    border: none;

    min-width: 100%;

    transform: scale(0.5);

    filter: drop-shadow(5px 5px 5px rgb(85, 85, 85));

    transition: 0.25s;

}



.dropbtn a {

    color: #fff;

    text-decoration: none;



    transition: 0.15s;

}



.dropdown-list {

	display: none;

    position: absolute;

    top: 100%;

    right: 0;

    background-color: transparent;

    width: 100%;    

    text-align: center;

    z-index: 1;

    filter: drop-shadow(5px 5px 5px rgb(85, 85, 85));

    transition: 0.15s;

}

.dropdown-list a {

    color: black;

    padding: 0 10% 10% 10%;

    font-size: x-large;

    font-weight: bold;

    text-decoration: none;

    transition: 0.15s;

    display: block;

}



.dropdown:hover .dropbtn {

    display: block;

    opacity: 50%;

    transform : scale(0.8);

    transition: all 0.15s ease-in-out;

    background-color: transparent;

}

.dropdown:hover .dropdown-list {

    display: inline-block;



    transition: 0.15s;

}

.dropdown-list a:hover {

	color: rgb(43, 156, 43);

    transform: scale(1.5);

    transition: 0.15s;

	background-color: transparent;

}