html {
    scroll-behavior: smooth;
}
.horizontal2{
    position: relative;
    float: inherit;

    /*
    float: left;
    float: inherit;**/
}
.horizontal2 a{
    position: relative;
    float: left;
    /*float: inherit;*/
    display: block;
    width: 25%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    -webkit-transition: all 200ms ease-in-out 100ms;
    -moz-transition: all 200ms ease-in-out 100ms;
    transition: all 200ms ease-in-out 100ms;
    height: 250px;

    /*  padding-top: 1%;*/
    /*overflow: hidden;*/
    text-decoration: none;
}
.horizontal2 a code{
    position: relative;
    /*float: left;*/
    float: inherit;
    top:50px;
    text-align: center;
    font-size: 1.5em;
    color: #1c7430;
    background: rgba(255,255,255,.5);
    padding-left: 15px;
    padding-right: 15px;
    z-index: 15;
}
.horizontal2 a code small{

    font-size: 0;
    color:#666666;

}
.horizontal2:hover a code small{

    font-size: 0.5em;
    color:#666666;

}
.horizontal2 a img{
    position: relative;
    float: inherit;
    /*float: left;
    top:50px;*/

}

.horizontal2 a:hover code{
    color: #1b6d85;
    width: 100%;
    z-index: 20;
}
.horizontal2 a:hover img{
    z-index: 19;
    height: auto;

}
.horizontal2 p.velo{


    text-align: center;
    font-size: 0.9em;
    z-index: 16;
    background: rgba(255,255,255,0.3);

}
.jumbotron {
    padding: 5px 2rem;
}