style.css

body{
    background-image: url(background.jpg);
    background-repeat: no-repeat;
}

.btnholder button{
    border-radius: 2rem;
    width: 180px;
    height:50px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 3px;
    margin-top: 80vh;
    margin-left: 6vw;
}

.tab{
   margin-top: -70vh;
   margin-left:40vw;
   width: 60%;
   height: 300px;

}

.iconclass{
    padding:25px;
    font-size: 2em;
}

.iconclass:hover{
    color: red;
}
input[type=search]{
    width: 6em;
    height: 2em;
}
.jumbotron{
    display: none;
}

@media only screen and (max-width: 600px) {
    .btnholder button{
        border-radius: 2rem;
        width: 180px;
        height:50px;
        text-transform: uppercase;
        font-weight: bold;
        letter-spacing: 3px;
        margin-top: 80vh;
        margin-left: 20vw;
    }
    .tab{
        margin-top: -70vh;
        margin-left:5vw;
        width: 90%;
        height: 300px;
     
     }
     input[type=search]{
         width: 6em;
         height: 2em;
     }
     .iconclass{
       font-size: 3em;;
    }

    .btnholder button{
        border-radius: 2rem;
        width: 180px;
        height:50px;
        text-transform: uppercase;
        font-weight: bold;
        letter-spacing: 3px;
        margin-bottom: -15vh;
        margin-left: 25vw;
    }

  }

    /* For tablet portrait mode */
    @media only screen and (min-width: 768px) and (orientation:portrait) and (min-height:1024px){
        .jumbotron{
            display: inline-block;
            text-align: center;
            margin-left:0 auto;
            font-size: 3em;
        }
    }