@font-face {
    font-family: Bebas Neue;
    src: url("/fonts/BebasNeue.otf");
}

.main {
    margin: 0 15%;
}

.bannerbutton {
position:relative;
display:block;
width:100%;
height:280px;
background-size:cover;
background-position:center;
border-radius:10px;
overflow:hidden;
margin-bottom:20px;
}

.bannerlabel {
color:white;
box-sizing:border-box;
width:100%;
height:100%;
background:transparent;
display:inline-block;
position:absolute;
padding:10px 15px;
opacity:0.75;
}

.bannerlabel h1 {
    font-family: Bebas Neue;
    font-size:30pt;
    font-weight: normal;
    margin: 0;
}

.bannerlabel .more-info {
    font-family: Rubik, sans-serif;
    margin: 0.5em 0;
    opacity: 0;
    width: 40%;
}

.bannerlabel.right {
text-align:right;
}

.bannerlabel.right .more-info {
    float: right;
}

.bannerbutton:hover .bannerlabel {
background:rgba(0,0,0,0.4);
padding:0 initial;
opacity:1;
}

.bannerbutton:hover .bannerlabel .more-info {
    opacity: 1;
}