/* stylelint-disable selector-list-comma-newline-after */

h2.display-4 {
    color: #ffab00;
    font-weight: 500;
}

.blog-header {
    line-height: 1;
    
    border-top: 15px solid #012f4e;
    background: #00a7d3;
}

.blog-header-logo {
  font-family: 'Montserrat', sans-serif;
  font-size: 2.25rem;
}

.blog-header-logo:hover {
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
}

.display-4 {
  font-size: 2.5rem;
}
@media (min-width: 768px) {
  .display-4 {
    font-size: 3rem;
  }
}

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.nav-scroller .nav-link {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: .875rem;
}

.card-img-right {
  height: 100%;
  border-radius: 0 3px 3px 0;
}

.flex-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.h-250 { height: 250px; }
@media (min-width: 768px) {
  .h-md-250 { height: 250px; }
}

/* Pagination */
.blog-pagination {
  margin-bottom: 4rem;
}
.blog-pagination > .btn {
  border-radius: 2rem;
}

/*
 * Blog posts
 */
.blog-post {
  margin-bottom: 4rem;
}
.blog-post-title {
  margin-bottom: .25rem;
  font-size: 2.5rem;
}
.blog-post-meta {
  margin-bottom: 1.25rem;
  color: #999;
}

/*
 * Footer
 */
.blog-footer {
  padding: 2.5rem 0;
  color: #000;
  text-align: center;
  background-color: #f9f9f9;
  border-top: .05rem solid #e5e5e5;
}
.blog-footer p:last-child {
  margin-bottom: 0;
}



/*
 * Custom Code
 */
 
 img.cc-logo {
    max-width: 200px;
    width: 100%;
    margin: auto;
}

header .row {
    margin: auto;
    max-width: 1600px;
    width: 100%;
}


.jumbotron.p-4.p-md-5.text-white.rounded.bg-dark {
    background-image: url(./assets/brand/ac-repair-orland-florida.jpg);
    background-position: center;
	    border-radius: 0!important;
}

img.cc-center-logo {
    display: block;
    margin: 0 auto;
    text-align: center;
    max-width: 990px;
    width: 100%;
}



.cr-right a {
    display: block;
    background: #ffab00;
    color: #fff;
    font-size: 21px;
    font-weight: bold;
    margin-top: 10px;
    border-radius: 100px;
}

.cr-right {
    text-align: right;
    line-height: normal;
    color: #fff;
}

.cr-right p {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 0;
}

.cr-right span {
    display: block;
    font-size: 19px;
    color: #012f4e;
    font-weight: bold;
    letter-spacing: 1px;
}


.cr-left span {
    display: block;
    font-size: 19px;
    color: #012f4e;
    font-weight: bold;
    margin-bottom: 10px;
    letter-spacing: 1px;
}

.cr-left p {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 0;
}

.cr-left {
    text-align: left;
    line-height: normal;
    color: #fff;
}


.s1 .lead {
    font-weight: normal;
    margin-bottom: 40px;
}

.s1 h1 {
    font-weight: 600;
    color: #ffab00;
}

.s1.jumbotron {
    text-align: center;
    background: #fff;
	    padding: 3rem 2rem;
}

.s1.jumbotron .col {
    text-align: left;
}


.card.border-secondary.mb-3 .card-header {
    font-size: 22px;
    font-weight: 500;
}


.cc-cm {
    margin: 30px 0;
}

body, p {
    font-family: 'Montserrat', sans-serif;
}

.text-muted:hover {
    color: #00a7d3!important;
    text-decoration: none;
}
.text-muted {
    color: #012f4e!important;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
}

.p-2 {
    padding: 12px!important;
}

.card.border-secondary.mb-3 .card-text {
    color: #000;
}

.topnav {
  overflow: hidden;
  
}

.topnav a {
    float: left;
    display: block;
    color: #000;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
    font-weight: 700;
    max-width: 185px;
    letter-spacing: .5px;
    width: 100%;
    text-transform: uppercase;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
    background-color: #e9e9e9;
    color: #000;
}

.topnav .icon {
  display: none;
}




@media only screen and (max-width: 768px) {

.blog-header .align-items-center {
    width: 100%!important;
    max-width: 100%!important;
    display: block!important;
}

.cr-left p, .cr-left span, .cr-right p, .cr-right span {
    font-size: 15px;
}

img.cc-logo {
    max-width: 150px;
    width: 100%;
    margin: 20px 0;
}

.cr-right {
    text-align: center;

}

.cr-left {
    text-align: center;
    line-height: normal;
    color: #fff;
}

a#bbblink {
    text-align: center;
    margin: 0 auto!important;
    display: block;
    zoom: 0.8;
}

.blog-header .flex-nowrap {
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important;
}

  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }


.topnav a {
    max-width: inherit;
    width: inherit;
}



  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }

.s1.jumbotron {
	
    padding: 20px;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    flex: 100%!important;
    max-width: 100%!important;
}

}

@media only screen and (max-width: 992px) {


}