Hi,
Ideally for this many changes you should be working with a web developer/front-end developer who has experience with basic CSS.
1)
article.type-portfolio figure.media-wrap {
display: none;
}
2)
a. Page => Meta options => Page Header Type => Naked (light)
b. Page => Meta options => Forced Transparent Sticky Header
3) You mean a single portfolio like this? http://akanka2.akanka.com/?portfolio=oversabi-lawyer-2
.related-projects h2 {
text-align: center;
}
4) What do mean, I do not understand this. You want the items to be full width and no gutters? Theme options => Custom Post Type Options => Full Width Related Projects Display
5) Please provide a link
6) You need to optimise your images for mobile. They are huge 5000px plus is too large: http://akanka2.akanka.com/wp-content/uploads/2014/09/about.jpg
7)
span.wpcf7-form-control-wrap.tel:before {
content: "\e957";
font-family: 'nucleo-interface';
position: absolute;
top: 13px;
left: 15px;
color: #222222;
}
span.wpcf7-form-control-wrap.tel input[type="tel"] {
padding-left: 40px;
}
8)
#footer h3.spb-heading span {
font-size: 16px;
}
9)
#footer h3.spb-heading span {
text-align: center;
}
.widget .textwidget {
text-align: center;
}
10) Looks like you have done this?
11) Please provide a link a screenshot to where you reference.
12)
.sf-pricing-column .sf-pricing-name h6 {
font-size: 16px;
}
.