html
{
     min-height: 100vh;
}
*{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
a
{
text-decoration: none !important;
}
.iso
{
    width:80px;
}
.logo
{
    width:120px;
    height:auto;

}
.menu .button
{

    transition: all 0.5s;
    color:white;
    font-size: 16px;
    height:40px;
    width:200px;
    border-radius:5px 10px;
    text-shadow: 1px 1px 10px black;
    line-height:25px;
}
.menu .button:hover
{

    box-shadow : inset 0px 0px 1px 5px rgba(255,255,255,0.7);
    <!-- transition: all 0.5s; -->
}
.menu .button:nth-of-type(1)
{
    background-color:#16365d;
}
.menu .button:nth-of-type(2)
{
    background-color:#355f91;
}
.menu .button:nth-of-type(3)
{
    background-color:#c4bc97;
}
.menu .button:nth-of-type(4)
{
    background-color:#a5a5a5;
}
.menu .button:nth-of-type(5)
{
    background-color:#808080;
}
.noPadding
{
    padding:0px;
}
.border
{
    border :1px solid black;
}
.floatLeft
{
float:left;
}
.childbox {
    display: inline-block;
    vertical-align: middle;          /* vertical alignment of the inline element */
    font: 20px/1 Arial, sans-serif;  /* reset the font property */
}
.padding
{
    padding:10px;
}
.logo-header
{
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.logo-header span
{
    height:100px;
    color:#16365d;
    font-size:24px;
}
.logo-header .first
{
    border-bottom-style : solid;
    border-bottom-width:5px;
    padding-bottom: 5px;
}
.logo-header .second
{
font-size: 20px;
line-height: 40px;
}
.slide
{
    position:relative;
    left:10%;
    top:30%;
}

#slideshow
{
    width:100%;
    max-width:700px;
    display:inline-block;
    position:relative;
    padding: 10px;
    /* border:1px solid; */
    background-color:white;

}

#slideshow
{
  position: relative;
}
#slideshow:before, #slideshow:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 25px;
  left: 10px;
  top: 80%;
  background: #777;
  -webkit-box-shadow: 0 35px 20px #777;
  -moz-box-shadow: 0 35px 20px #777;
  box-shadow: 0 35px 20px #777;
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
  -o-transform: rotate(-8deg);
  -ms-transform: rotate(-8deg);
  transform: rotate(-8deg);
}
#slideshow:after
{
  -webkit-transform: rotate(8deg);
  -moz-transform: rotate(8deg);
  -o-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  transform: rotate(8deg);
  right: 10px;
  left: auto;
}

.forgot
{
  color:white;
}
.forgot a:hover
{
  color:white;
}

.content-wrapper {
    display: flex;
    justify-content: center;
}