/* === General Styles === */

body {
    color: #5d646d;
    font-family: Roboto, sans-serif;
    font-size: 16px;
}

h1, h2, h3, h4, h5, h6 {
    color: #0d233e;
}

a {
    color: #148191;
}

section {
    background-color: #effbf7;
    padding-top: 100px;
    padding-bottom: 100px;
}

.container {
    padding-left: 120px;
    padding-right: 120px;
}

/* === Button Styles === */
.btn {
    background-color: #148191;
    color: #ffffff;
    border: 1px solid #148191;
    border-radius: 4px;
    font-size: 15px;
}

.btn:hover {
    background-color: #ffffff;
    color: #148191;
}

/* === Header Styles === */
.top-bar {
    background-color: #ffffff;
    color: #0d233e;
}

.header {
    background-color: #ffffff;
    color: #0d233e;
}

.header a:hover {
    color: #148191;
}

.header .logo {
    background-image: url('images/logo.png');
}

/* === Banner === */
.banner {
    background-image: url('images/bread-bg.jpg');
    color: #ffffff;
}

/* === Footer === */
.footer {
    background-image: url('images/color-bg3.png');
    background-color: #f5f7fc;
    color: #5d646d;
}

.footer a {
    color: #0d233e;
}

.footer a:hover {
    color: #148191;
}

/* === Preloader === */
.preloader {
    background-color: #ffffff;
}

.preloader .spinner {
    border-color: #148191;
}

/* === Back to Top Button === */
#back-to-top {
    background-color: #ffffff;
    color: #0d233e;
    border-radius: 50px;
}

#back-to-top:hover {
    background-color: #2273e5;
    color: #ffffff;
}