.my-gradient{
  background: rgb(49,7,128);
  background: linear-gradient(270deg, rgba(49,7,128,1) 0%, rgba(209,30,26,1) 100%);
}
.my-gradient-angled{
  background: rgb(49,7,128);
  background: linear-gradient(335deg, rgba(49,7,128,1) 0%, rgba(209,30,26,1) 100%);
}
.logo{
  max-width:200px; margin-top: -45px; margin-bottom: -45px; min-width: 168px;
    -webkit-filter: drop-shadow( 0px 4px 3px rgba(49,7,128, .1));
    filter: drop-shadow( 0px 4px 3px rgba(49,7,128, .1));
    transition: filter 0.5s ease-in-out;
}
.logo:hover{
    -webkit-filter: drop-shadow( 0px 5px 3px rgba(49,7,128, .5));
    filter: drop-shadow( 0px 5px 3px rgba(49,7,128, .5));
}
.my-header{
  max-height:100px !important;
  min-height: 48px !important;
}
.main-menu-item{
  transition: opacity 0.4s, transform 0.4s;
  -moz-transition: opacity 0.4s, -moz-transform 0.4s;
  -webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
  -o-transition: opacity 0.4s,-o-transform 0.4s;
}
.main-menu-item:hover{
  /* background: rgb(49,7,128);
  background: linear-gradient(335deg, rgba(49,7,128,1) 0%, rgba(209,30,26,1) 100%); */
  opacity:0.5;
  filter:alpha(opacity=50); /* For IE8 and earlier */
}
.head-top-margin{
  margin-top: -4px;
}
.shadowed-link{
  transition: filter 0.3s ease-in-out;
}
.shadowed-link:hover{
    -webkit-filter: drop-shadow( 0px 4px 3px rgba(49,7,128, .4));
    filter: drop-shadow( 0px 4px 3px rgba(49,7,128, .4));
}
.max-48-h{
  max-height: 48px;
}

.text-gradient{
  background: -webkit-linear-gradient(270deg, rgba(49,7,128,1) 0%, rgba(209,30,26,1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #fff;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  -webkit-filter: drop-shadow( 4px 0px 3px rgba(49,7,128, .2));
  filter: drop-shadow( 4px 0px 3px rgba(49,7,128, .2));
}

.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  /* font-size: 25px; */
  color: rgba(49,7,128, 1);
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav ul li a:hover{
  background: rgb(49,7,128);
  background: linear-gradient(270deg, rgba(49,7,128,1) 0%, rgba(209,30,26,1) 100%);
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

.bt-push-me {
    animation: bt-push-me 2s infinite;
}
@-webkit-keyframes bt-push-me {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(49,7,128, 1);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(49,7,128, 0.1);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(49,7,128, 0.1);
    }
}
@keyframes bt-push-me {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(49,7,128, 1);
        box-shadow: 0 0 0 0 rgba(49,7,128, 1);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(49,7,128, 0.1);
        box-shadow: 0 0 0 10px rgba(49,7,128, 0.1);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(49,7,128, 0.1);
        box-shadow: 0 0 0 0 rgba(49,7,128, 0.1);
    }
}