/* you can add your own custom css here if you don't want to worry about SASS/SCSS */

body {
    font-size: 18px;
    background-color: #a01c33;
}

.navbar {
    padding: 0;
}

img#logo {
    height: 120px;
}

.bg-dark {
    background-color:#a01c33 !important;
    color: #ffffff;
}

.nav-link {
    text-align:center;
    color: #fff;
}

section {
    padding:40px 0;
}

section#intro {
    background-color: #fff;
}

#intro > div > div > div > h2 {
    margin-bottom: 40px;
    text-align: center;
}

#intro > div > div > div.col-md-5 > img {
    margin:20px 0;
}

section#whyChooseMoore {
    background-color: #a01c33;
    color:#fff;
}

#whyChooseMoore h2 {
    text-align: center;
    margin-bottom: 40px;
}

.circle {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background-color: #fff;
  color: #a01c33;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  margin: 0 auto 15px auto;
  font-weight: bold;
}

section#contactDetails {
    color:#a01c33;
    background-color: #B0B7BC;
}

#contactDetails > div {
    background-color: #a01c33;
    color:#fff;
    padding: 40px;
}

button#Contact_Us {
    background-color: #fff;
    color: #a01c33;
    border: none;
    border-radius: 0px;
    padding: 13px;
    font-weight: bold;
    font-size: 20px;
}

.accordion-button,
.accordion-button:not(.collapsed) {
    background-color: #e5e5e5;
}

footer.footer {
    margin-top: 40px !important;
}

footer.bg-dark {
    background-color:#000000 !important;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    header a.navbar-brand {
        font-size:28px;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    
    section {
        padding:80px 0;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    header nav ul.navbar-nav {
        margin-left:120px;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-left: 20px;
        padding-right: 20px;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
    section {
        padding:160px 0;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { 

}