body{ margin:0px; padding:0px; overflow:hidden; font-family: 'Roboto', sans-serif;}
div{ margin:0px; padding:0px;}
.wrapper{ width:100%; height:100vh; overflow:hidden; display:flex; align-items:center; background:url(home-background.jpg) center top no-repeat; 
background-size:cover; position:relative;}
.wrapper:before {
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    position: absolute;
    left: 0px;
    top: 0px;
    content: '';
}
.wrapper .btnbox{ width:100%; text-align:center; position:relative; z-index:10;}
.wrapper .btnbox .box{ width:auto; display:inline-block; width:400px; height:225px; margin:0px 10px; position:relative; border-radius:10px; overflow:hidden;}
.wrapper .btnbox .box img{ width:100%; height:100%;}
.wrapper .btnbox .box .overlay{ width:100%; height:100%; background:rgba(0,0,0,0.8); opacity:0; display:flex; align-items:center; justify-content:center;
position:absolute; left:0px; top:0px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;}
.wrapper .btnbox .box .overlay a{background:#69aa07; text-decoration:none; color:#fff; border-radius:50px;
font-weight:600; font-size:16px; padding:10px 30px;}
.wrapper .btnbox a:hover{ background:#fff; color:#0e385e;}
.wrapper .btnbox .box:hover .overlay{ opacity:1;}

#particles {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position:absolute;
  left:0px;
  top:0px;
  opacity:0.8;
}