/* SMARTYPANTS.COM STYLES */

body {
    background-color: #fff;
    font-family: 'montserratregular';
    line-height: 26px;
}
h1,
h2 {
    font-family: 'smartypantsregular';
}
h3,
h4,
h5 {
    font-family: 'montserratregular';
    line-height: inherit;
}
h1 {
    font-size: 3.5em
}
h2 {
    font-size: 2.5em
}
h3 {
    font-size: 1.75em
}
h4 {
    font-size: 1.25em
}
p {
    font-size: 16px;
    color: #888;
    margin: 10px 0px;
    font-family: 'montserratregular';
    line-height: 26px;
}
a {
    color: #0E5881
}
a:hover,
a:active {
    text-decoration: none;
    color: #09253B;
}

/* Custom Links*/
a.white {
    color: #fff;
}
a.white:hover,
a.white:active {
    text-decoration: none;
    color: #aeaeae;
}


.hr {
    height: 1px;
    background-color: #eeeeee;
    margin: 10px 0px 15px 0px;
}
/* ANIMATION */

.animated {
    visibility: hidden;
}
.visible {
    visibility: visible;
}
/* BACKGROUNDS */

.parallax1 {
    background: url(../img/smartypants-header.jpg) 50% 0 no-repeat fixed;
}
.parallax2 {
    background: url(../img/smartypants-about.jpg) 50% 0 no-repeat fixed;
}
.parallax3 {
    background: url(../img/smartypants-about.jpg) 50% 0 no-repeat fixed;
}
/* NAVIGATION CONTAINER - See bootstrap-theme.css for NAV styles and overrides  */

#navigation {
    background-color: #09253B;
    width: 100%;
    z-index: 1000;
    padding: 15px 0px;
}
#navigation .container {
    margin: 0 auto;
}

  /* Create a custom breakpoint for the navbar */

@media (max-width: 999px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: none;
        box-shadow: none;
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding: 10px 20px;
        border-top: 1px solid #1a2946;
    }
    .collapse.in{
  		display:block !important;
	}
}
/* INTRO HEADER - See flexslider.css to edit slider styles */

.intro {
    min-height: 440px;
}
.intro h1 {
    font-size: 4em
}
.intro h2 {
    font-size: 3em
}
/* SERVICES */

.services {
    padding: 50px 0px 40px 0px;
    text-align: center;
}
.services h3 {
    color: #ca3d3b;
    text-align: center;
}
.services h4 {
    color: #09253B;
    text-align: center;
}
.services .col-md-3 p {
    font-size: 15px;
    line-height: 20px;
}
.services .animated a {
    /*Styles for adding the hover animation */
    display: block;
    -webkit-transition: -webkit-transform .2s ease-out;
    -moz-transition: -moz-transform .2s ease-out;
    -o-transition: -o-transform .2s ease-out;
    -ms-transition: -ms-transform .2s ease-out;
    transition: transform .2s ease-out;
}
.services .animated a:hover {
    /* Hover animation */
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.services i {
    font-size: 70px;
    display: block;
}
.services .fa-exclamation-triangle {
    color: #EF8F29;
}
.services .fa-comments {
    color: #CA3D3B;
}
.services .fa-sitemap {
    color: #0E5881;
}
.services .fa-code {
    color: #58b358;
}
/* ABOUT */

.about {
    background-color: #ca3d3b;
    padding: 50px 0px 40px 0px;
}
.blog-header{
    background-color: #1e2c47;
}
.blog-header a{
   color: #FFF;
}
.blog-header .fa{
   color: #CA3D3B;
}
.blog-header h1{
    color: #FFF;
}
.blog-header p{
    text-shadow: 0px 2px 2px rgba(31, 44, 71, 1) !important;
}
.about h2 {
    margin: 30px auto;
    color: #fff;
    font-family: 'smartypantsregular';
}
.about h3 {
    color: #A00F0E;
}
.about img {
    display: block;
    text-align: center;
    margin: 0 auto;
    max-width: 100%;
}
.about p {
    color: #fff;
    margin: 15px auto;
    text-shadow: 0px 2px 2px rgba(160, 15, 14, 1);
}
@media (max-width: 768px) {
    .about{
        text-align: center;
        padding: 40px 20px 30px 20px;
    }
}
/* TECH TIPS */

.tech-tips {
    padding: 30px 0px 40px 0px;
}
.tech-tips-header {
    padding: 0px 0px 40px 0px;
}
.tech-tips h2 {
    margin: 30px auto 10px auto;
    color: #CA3D3B;
    font-family: 'smartypantsregular';
}
.tech-tips h3 {
    color: #888;
    font-size: 18px;
    margin: 10px auto 20px auto;
}
.tech-tips h4 {
    color: #CA3D3B;
}
.tech-tips .item {
    padding: 0px 30px 0px 0px
}
.tech-tips .item img {
    max-width: 100%
}
.tech-tips p {
    font-size: 98%;
}
.tech-tips .post-footer p {
    font-size: 87%;
}
.tech-tips .post-footer i {
    color: #CA3D3B;
}
.tech-tips .item h4,
.tech-tips .item p,
.tech-tips .item button {} .tech-tips .check {
    text-align: center;
    float: left;
    width: 40px;
    height: 40px;
}
.tech-tips .check .fa-check-circle {
    font-size: 40px;
    color: #58B358;
}

@media (max-width: 768px) {
    .tech-tips{
        text-align: center;
         padding: 20px 0px 30px 0px;
    }
    .tech-tips .item {
    padding: 0px 10px;
}
}
/* NEWS */

.news {
    padding: 30px 0px 40px 0px;
    background-color: #f6f6f6;
    border-top: 1px solid #ebebeb;
}
.news-header {
    padding: 0px 0px 40px 0px;
}
.news h2 {
    margin: 30px auto 10px auto;
    color: #CA3D3B;
    /* font-family: 'smartypantsregular'; */
}
.news h3 {
    color: #888;
    font-size: 18px;
    margin: 10px auto 20px auto;
}
.news h4 {
    color: #CA3D3B;
}
.news .item {
    padding: 0px 30px 0px 0px
}
.news .item img {
    max-width: 100%
}
.news p {
    font-size: 98%;
}
.news .post-footer p {
    font-size: 87%;
}
.news .post-footer i {
    color: #CA3D3B;
}
.news .item h4,
.news .item p,
.news .item button {} .news .check {
    text-align: center;
    float: left;
    width: 40px;
    height: 40px;
}
.news .check .fa-check-circle {
    font-size: 40px;
    color: #58B358;
}

.content h2{
    color: #0E5881;
    font-family: 'montserratregular';
    margin: 10px auto 20px auto;
    line-height: 33px;
}

@media (max-width: 768px) {
    .news{
        text-align: center;
         padding: 20px 0px 30px 0px;
    }
    .news .item {
    padding: 0px 10px;
}
}
/* TWITTER */

.twitter {
    text-align: center;
    margin-top: 50px;
    padding: 0px 20px 20px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.twitter i {
    font-size: 60px;
    color: #0E5881;
    display: block;
    text-align: center;
}

/* HOSTING CTA */

.hosting {
    padding: 25px 0px;
    background-color: #BA2F2C;
    text-align: center;
}
.hosting .ctatext {
    color: #ffffff;
    font-family: 'smartypantsregular';
    font-size: 1.75em;
    line-height: 30px;
}
.hosting .ctabutton {
    text-align: center;
}
/*FOOTER */

.footer {
    background-color: #1e2c45;
    padding: 30px 0px 30px 0px;
}
.footer .col-md-4 {
    text-align: center;
}
.footer p {
    color: #fff;
    font-size: 98%;
}
.footer .fa {
    font-size: 40px;
    color: #0E5881;
}
.footer .fa-envelope {
    font-size: 30px;
}
/* COPYRIGHT */

.copyright {
    background-color: #09253B;
    padding: 15px 0px 15px 0px;
}
.copyright p {
    color: #fff;
    font-size: 92%;
    text-align: center;
}

/* ADJUSTMENTS */

.inner{
    height:100px;
    padding-top:7px;
}

.copyright a{
    color:#FFF;
}
.copyright a:hover{
    color:#CCC;
}

.content p {
  font-size: 96%;
}

.sidebar img{
    margin:0 auto;
    text-align:center;
}

<style>
.paginate{
  margin-bottom:25px;
}
.paginate a{
  background-color: #428bca;
  border-color: #357ebd;
  display: inline-block;
  color:#FFF;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.paginate a:hover{
    background-color: #357ebd;
}
.paginate strong{
  background-color: #357ebd;
  border-color: #357ebd;
  display: inline-block;
  color:#FFF;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
</style>

@media (max-width: 990px){
.sidebar  {
    text-align: center;
    padding: 20px 0px 30px 0px;
    }
}