style.css

body{
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 16px;
}
#particles-js{
    background-image: url('images/back.jpg');
    background-repeat: no-repeat;
     background-size: cover;
     background-color: black;
    height: 100vh;
    width:100%;
}
@media screen and (max-width:768px){
    body{
        overflow-x: hidden;
        color: black !important;
    }
    .banner-logo{
        position: absolute;
        top:40% !important;
        color:white;
        left:12% !important;
    }
    .banner-text{
    position: absolute;
    top:75% !important;
    color:white;
    left:24% !important;
    font-family:"Helvetica Neue";
    font-size:20px;
    width:200px;
    padding:15px;
    border-radius: 10px;
    }
}
.banner-text{
    position: absolute;
    top:50%;
    color:white;
    left:44%;
    font-family:"Helvetica Neue";
    font-size:20px;
    width:200px;
    padding:15px;
    border-radius: 10px;
}
.banner-logo{
    position: absolute;
    top:15%;
    color:white;
    left:40%;
}
.bod-bottom{
    border-bottom: 2px solid black;
}
.bod-left{
    border-left:2px solid black;
}
h1{
 font-size:60px !important;
}
h2:hover{
    color:green;
    text-decoration: underline;
}
.services{
    text-align: center;
    margin-top:20px !important;
    padding-top:15px;
}
.clearfix{
    clear:both !important;
    height:5% !important;
}
.fav:hover{
    color:red;
}
    .col-md-4{
        padding:10px;
        }
.col-md-4:hover{
    background-color: black;
    color:white;
    box-shadow: 7px 7px 27px -2px rgba(94,169,204,1);

}
.col-md-4:hover{
    box-shadow: 7px 7px 27px -2px rgba(0,0,0,0.75);
}
.details{
 font-size: 17px;
 color:green;
 padding:5px;
 font-family:Lucida Sans, Geneva, Verdana, sans-serif;
 line-height: 25px;
 text-align:left;
}
.text{
    background-color:#EDEDED;
    border-radius: 20px;
}
  footer{
      background-color:#09118D;
      color:white;
      text-align: center;
      padding:5px;
  }
  footer a{
      color:yellow;
  }
  footer a:hover{
    color: white;
  }
.copy{
    padding:10px;
    background-color: rgb(41, 36, 129);
}