@media all and (max-width:400px){
    .h112{
        margin-top: 0px!important;
        padding: 10px;
        font-size: 40px;
        /* padding-right: 40px; */
        /* margin-left: 40px; */
    }
    #skillsad{
        padding-right: 40px;
        padding-left: 40px;
    }
    #fontad{
        padding: 5px;
    }
        .h11{
            font-size: 17px;
            padding: 0.2em;
            padding-left: 0.5em;

        }
        #soc{
            padding-top: 25px;
        }

        .h111{
            
            padding: 0.01em;
            margin-bottom: 0px;
        }
        h1#shakeit.h112{
            padding: 0%;
        }
        /* footer,h5{
            position: fixed;
        } */

}
/* @media all and (max-width:415px) and (min-height:700px){
    .h112{
        margin-top: 0px!important;
        padding: 30px;
        font-size: 50px;
    }
        .h11{
            font-size: 30px;
            padding: 0.5em;
            
            
        }
        #soc{
            padding-top: 25px;
        }
        .h111{
            
            padding: 0.01em;
            margin-bottom: 0px;
        }
        h1#shakeit.h112{
            padding: 0%;
        }
        /* footer,h5{
            position: fixed;
        } */
/* } */
@media only screen and (min-width: 399px) and (max-width: 699px){
    .h112{
        margin-top: 0px!important;


    }
        .h11{
            font-size: 30px;
            padding: 0.5em;
            
            
        }
        #soc{
            padding-top: 30px;
        }
        /* .h111{
            padding-left: 30px;
        } */

}
@media only screen and (min-width: 700px) and (max-width: 1024px) and (orientation : landscape){
    .h112{
        margin-top: 0px!important;
        font-size: 80px;
    }
        .h11{
            font-size: 50px;
            padding: 0.5em;
            
            
        }
        #soc{
            padding-top: 30px;
        }
        /* .h111{
            padding-left: 30px;
        } */

}
@media only screen and (min-width: 700px) and (max-width: 1024px) and (orientation : portrait){
    .h112{
        margin-top: 0px!important;
        padding-right: 0px;
        padding-left: 0px;
        font-size: 65px;
        text-align: center;
    }
        .h11{
            font-size: 50px;
            padding: 0.7em;
            /* padding-left: 1em; */
        }
        #soc{
            padding-top: 30px;
        }
        .h111{
            padding-left: 30px;
            font-size: 80px;
        }
        .break{
            flex-basis: 100%;
            height: 0;
        }
}
@media all and (min-width: 1025px)
{
    #soc{
        padding-top: 120px;
        padding-bottom: 150px;
    }
    .h11{
        padding: 1em;
    }
}
.navbar{
    background-color: black;
}
.h11{
    margin-right: 0px;
    /* display: inline; */
    font-size: 25px;
}
#soc{
    padding-bottom: 70px;
    /* padding-top: 200px; */
}
section{
    background-color: black;
}
 h5{
    background-color: black!important;
    margin-bottom: 10px;
} 
footer{
    background-color: black!important;
    /* margin-bottom: 40px; */
    bottom: 10px;
    position: fixed;
} 
.h111{
    /* text-align: right!important;
     */
     margin-right: 0px;
}

/* footer {
    position: fixed;
    left: 0;
    bottom: 10px;
    width: 100%;
    background-color: red;
    color: white;
    text-align: center;
  }  */
  .fa.fa-bars{
      background-color: black;
      color: white;
  }
  .h11{
      letter-spacing: 0.07em;
  }