img.custom-logo{
  max-height:           100px;
  width:                auto;
  float:                left;
}

a.custom-logo-link{
  width:                auto;
  height:               auto;
  display:              block;
}

.logo h1{
  display:              inline-block;
  visibility:           hidden;
}

.logo p{
  display:              inline-block;
  margin-bottom:        0;
  padding-top:          auto;
}


.sidebar-container{
  display:              flex;
  flex-direction:       column;
	flex-wrap:            wrap;

}

.sidebar-container > *{
  width:                100%;
  max-height:           100px;
  height:               auto;
  margin:               0.25em 0em;
}

.sidebar-container a{
  color:                black;
  display:              inline-block;
  min-width:            100%;
  width:                100%;
  padding:              0.25em 0.125em;
}

.sidebar-container a:hover{
  color:                white;
  background-color:     #00a3da;
}

.robocup-logo{
  max-height:           75px;
  height:               auto;
  float:                left;
}

.drop-shadow{
  drop-shadow:          5px 5px 5px rgba(0,0,0,0.5);
  -webkit-filter:       drop-shadow(5px 5px 5px rgba(0,0,0,0.5));
}

img.robocup-logo{
  drop-shadow:          5px 5px 5px rgba(0,0,0,0.5);
  -webkit-filter:       drop-shadow(5px 5px 5px rgba(0,0,0,0.5));
    -webkit-transition: all 1s ease;
     -moz-transition:   all 1s ease;
       -o-transition:   all 1s ease;
      -ms-transition:   all 1s ease;
          transition:   all 1s ease;
}

img.robocup-logo:hover{
  transform:            scale(1.1);
  margin-left:          5%;
}

a.robocup-logo:hover{
  background-color:     rgba(0,0,0,0);
}