mini Frontpage - change in order of connection css style

Hi, help me pls!
I use joomla 3.3 tamplate protostar on local machine ( open server)
usually stylesheets connected from bootstrap.css to template.css, and I can change style in custom.css file.
But on pages where output mini Frontpage stylesheets custom.css comes first, and then bootstrap.css
and I can not change the style. Its ( in particular ) changed values font size H1 (I tracked it using FireBug)
on the other pages of my site, where the mini Frontpage is not showing everything is ok. Last come custom.css
see attached pics
what could be the Problem? Thank you in advance, sorry for my English

Hi, yes, I tried disable minifrontpage and check again whether the custom.css still comes first on the same page
See attachments for detail

minifrontpage ON

---

inline

---

element {
text-align: right;
}

---

inline: 96

---

h1, h2, h3, h4, h5, h6, .site-title {
font-family: "Open Sans",sans-serif;
}

---

bootstrap.min.css:9

---

h1 {
font-size: 38.5px;
}
h1, h2, h3 {
line-height: 40px;
}
h1, h2, h3, h4, h5, h6 {
margin: 10px 0px;
font-family: inherit;
font-weight: bold;
line-height: 20px;
color: inherit;
text-rendering: optimizelegibility;
}

---

custom.css:67

---

h1 {
font-size: 12px;
font-weight: 600;
line-height: 40px;
margin: 0px 0px 10px;
}

minifrontpage OFF bootstrap.min.css:9 no use

---

inline

---

element {
text-align: right;
}

---

inline: 96

---

h1, h2, h3, h4, h5, h6, .site-title {
font-family: "Open Sans",sans-serif;
}

---

custom.css:67

---

h1 {
font-size: 12px;
font-weight: 600;
line-height: 40px;
margin: 0px 0px 10px;
}

ok, thank you for your reply. I still fill site and not uploaded it to the Internet. After I do that I again turned to you.