Legalpower Theme: How to change the look of theme

Legalpower theme, has limited styling options. Sometimes you might need to heavily customise the theme. 

Apologies to work with code, but below you can find the css that you can use to customise the theme. There are comments to define the use of the css, you can use the block that you need. And modify the value as per your choice.

Note: Please put below css in Themeoptions/general/customcss box.

/*header not cover the slider*/
header.sticky{
    background:#000000;
}
body{
    margin-top:101px;
}
@media (max-width: 1199px) {
    body{
        margin-top:150px;
    } 
}
@media (max-width: 767px) {
    body{
        margin-top:0;
    }  
}

/*color of the sticky header*/
header.hdr.sticky-fixed{
 background: #1F1F1F;
}

/*Typography(base)*/
body{
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    line-height: 24px;
    color: #878787;
}
p{
    font-family: 'Open Sans', sans-serif;
}
h1, h2, h3, h4, h5, h6{
 color: #222;
 font-weight:700;
}
h1{
 font-size:45px;
 line-height:49px;
}
h2{
 font-size:35px;
 line-height:40px;
}
h3{
 font-size:30px;
 line-height:38px;
}
h4{
 font-size:25px;
 line-height:32px;
}
h5{
 font-size:18px;
 line-height:30px;
}
 h6{
 font-size:16px;
 line-height:28px;
}
a:hover,
a:active,
a:focus {
  color: #222222;
}

/*color of the navigation text*/
.mainmenu .nav-holder > ul > li > a{
 color:#fff;
}

/*color of the top bar text*/
.top-line,
.top-line a,
header .top-social a{
    color: #d4d2d2;
}

/*font size of navigation text*/
.mainmenu .nav-holder > ul > li > a{
 font-size: 14px;
}