remove padding margin or set to 0 on bootstrap container

I have used the bootstrap container in within the header and footer using its default padding and margin i.e on a device of width 320px margins and padding being as below:

[code]
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
[/code]

but starting from the div (priya-cateringservices) this being the parent from the code below I want to create the following style and have them applied to all the child element within

[code]
<div class=”priya-cateringservices”>
<div class=”cateringservices caterers”>
<div class=”container caterservices”>

</div>
</div>
</div>
[/code]

style to be applied is as below:

[code]
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
vertical-align: baseline;
font-family: inherit;
font-weight: inherit;
font-style: inherit;
outline: 0;
padding: 0;
margin: 0;
border: 0;
}
[/code]

would or could this be possible if so how?

Also in #CSS _↴