body {
    font-family: 'Muli', sans-serif;
    background-image: url("../images/backgrounds/asfalt--light--1920x1080.png");
}

header {
    background-image: url("../images/backgrounds/dust.png");
    max-width: 1200px;
    width: auto;
    height: 100px;
}


nav.main-nav {
    border: none;
}

nav.main-nav a,
nav.main-nav a:visited {
    color: #001945;
}

nav.main-nav a:hover {
    color: #ab2410;

}

nav.main-nav a.active,
nav.main-nav a.highlighted {
    color: #ab2410;

}

/* Smart Menu's modifications for sm sm clean-------------------------------------------------------------------------*/

.sm-clean {
    background: transparent;
}

.sm-clean a.current,
.sm-clean ul a:hover,
.sm-clean ul a:focus,
.sm-clean ul a:active,
.sm-clean ul a.highlighted {
    color: #ab2410;
    font-family: 'Muli', sans-serif;
}

.sm-clean a,
.sm-clean a:hover,
.sm-clean a:focus,
.sm-clean a:focus {
    font-family: 'Muli', sans-serif;
    color: #001945;
}

ul#main-menu.sm.sm-clean {
    border: none;
}

.sm-clean ul {
    background: url("../images/backgrounds/dust.png");
}

.sm-clean ul a:hover {
    background: transparent;
}

li#main-menu.sm.sm-clean {
    padding: 20px;
}

.sm-clean a span.sub-arrow {
    border-color: transparent transparent transparent transparent;
}

.sm-clean a span.sub-arrow::before {
    content: '+';
}

.sm-clean > li > ul::after,
.sm-clean > li > ul::before {
    border-color: transparent transparent #e6e4c2 transparent;
}

.sm-clean > li > ul {
    border-color: #e6e4c2;
}


/*---- MAIN -------------------------------------------------------------------------------------------------------------------------------------------------*/


main {
    background-color: #000528;
    max-width: 1200px;
    width: auto;
    height: 100%;
    background-image: linear-gradient(to bottom, rgba(0,25,69,1), rgba(0,5,40,1));
    padding: 2% 0;
}

.carousel.slide.carousel-fade img {
    border: 8px solid #ffffff;
}

.carousel-control-next,
.carousel-control-prev {
    width: 8%;
}

main.about  {
    background-image: url("../images/backgrounds/lightpaperfibers.png");
}

main.about h1 {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 1.25rem;
    margin-left: 6%;
    padding: 6% 0 0 0;
    color: #333;
}

main.about  h2 {
    font-size: 2.25rem;
    color:  #000528;
    margin: 0 0 5% 2%;

}

main.about p.line {
    background-color: #b38d16;
    height: 3px;
    width: 40px;
    line-height: 0;
}

main.about  p {
    margin-left: 6%;
}

.connection p {
    margin-left: 0 !important;
    font-size: 1.5rem;
}

section.news {
    background: #00184c;
    padding: 1.25rem 0;

}

section.news h1 {
    color: #e6e4c2;
    font-weight: 400;
    margin: 2% 0 0 0;
    padding: 0 2% 1% 3%;
    letter-spacing: 2px;
    text-transform: uppercase;
}

section.news h2,
h2 {
    color: #cfc96e;
    font-weight: 600;
    letter-spacing: normal;
    padding: 2% 3% 0 3%;
}

h2 {
    margin-bottom: .5rem;
}

section.news p {
    color: #e6e4c2;
    margin: 2px 0 2px 0;
    padding: 1% 3%;
}

section.news a {
    color: #54abe1;
    text-decoration: none;
    font-weight: 400;
}

section.news a:hover {
    text-decoration: underline;
}

section.news img {
    max-width: 100%;
    width: 400px;
    height: auto;
    border: 4px solid #fff;
    /*box-shadow: 0 1px 3px 1px rgba(120, 100, 100, .2);*/
}

section.news p.line {
    background-color: #b38d16;
    height: 3px;
    width: 60px;
    line-height: 0;
    padding: 0;
    margin-left: 3%;
}


article {
    width: 95%;
    height: auto;
    background: url("../images/backgrounds/exclusive_paper.png");
    margin: 0 auto;

}

article p {
    padding: 0 5% 0 5%;
    font-weight: 400;
    margin-bottom: 2.4rem;
    margin-top: 2.4rem;
    color: #333;
}

/*article p#column-two {*/
/*margin-top: 72%;*/
/*}*/

article h1 {
    color: #968e38;
    font-size: 24px;
    padding: 8% 0 1% 6%;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0 auto;

}

article h2 {
    font-size: 60px;
    font-weight: 700;
    padding: 0 0 0 6%;

}

article h3 {
    font-size: 3rem;
    font-style: italic;
    padding: 3% 3% 8% 1%;
    text-align: center;
    margin-bottom: 0;
}

article a {
    text-decoration: none;
    color: #6a90cf;
}

article a:hover {
    color: #6a90cf;
    text-decoration: underline;
}

.about-img-left {
    margin: 5% 8%;
}

.about-img-left img {
    padding: 2% 2%;
    background-color: white;
    box-shadow: 0 1px 3px 1px rgba(117, 120, 123, 0.45);
    -ms-transform: rotate(-6deg); /* IE 9 */
    -webkit-transform: rotate(-6deg); /* Safari */
    transform: rotate(-6deg);
    width: 90%;
    height: auto;

}

img.about-img-right {
    padding: 2% 2%;
    background-color: white;
    box-shadow: 0 1px 3px 1px rgba(117, 120, 123, 0.45);
    width: 400px;
    height: auto;
}

/*.road-work-right img {*/
/*padding: 2% 2%;*/
/*background-color: white;*/
/*box-shadow: 0 1px 3px 1px rgba(117, 120, 123, 0.45);*/
/*!*-ms-transform: rotate(6deg); !* IE 9 *!*!*/
/*!*-webkit-transform: rotate(6deg); !* Safari *!*!*/
/*!*transform: rotate(6deg);*!*/
/*margin: 15% 5% 0 10%;*/
/*width:380px;*/
/*height:auto;*/
/*}*/

p#column-two {
    margin-top: 30%;
}

h1.contact {
    color: #001945;
    font-size: 36px;
    font-weight: 500;
    text-transform: none;
    text-align: center;
    padding: 0;
}

h3.contact {
    font-size: 2rem;
    color: #6a90cf;
    font-weight: 300;
    padding: 1% 0 3% 0;
    font-style: normal;
    letter-spacing: normal;
}

p.first-paragraph {
    /*margin-top: 35%;*/
    padding: 0 5% 0 5%;
}

p.first-paragraph span.drop-cap {
    padding-right: 4px;
    float: left;
    position: relative;
    top: -0.35em;
    margin-bottom: -0.8em;
    margin-left: -6px;
    margin-right: 2px;
    font-size: 90px;
    font-family: 'Overpass', sans-serif;
    font-weight: 600;
}

footer {
    background-image: url("../images/backgrounds/dust.png");
    max-width: 1200px;
    width: auto;
    height: 100%;
}

footer p {
    color: #011e52;
    font-size: .9rem;
}

footer a {
    color: #011e52;
    text-decoration: none;
}

footer a:hover {
    text-decoration: underline;
    color: #011e52;
}

@media only screen and (min-width: 280px) and (max-width: 375px ) {

    .container-fluid {
       padding: 0;
    }

    footer p {
        font-size: .7rem;
    }

    .carousel.slide.carousel-fade img {
        border: 5px solid #ffffff;
    }

    section.news img {
        width: 260px;
        height: auto;
    }

    .about-img-left img {
        -ms-transform: none !important;; /* IE 9 */
        -webkit-transform: none !important;; /* Safari */
        transform: none !important;
        width: 95%;
        height: auto;
    }

    img.about-img-right {
        width: 80%;
        height: auto;
    }

}

@media only screen and (min-width: 376px) and (max-width: 550px) {

    footer p {
        font-size: .7rem;
    }

    .carousel.slide.carousel-fade img {
        border: 4px solid #ffffff;
    }

    section.news img {
        width: 300px;
        height: auto;
    }

    .about-img-left img {
        -ms-transform: none !important;; /* IE 9 */
        -webkit-transform: none !important;; /* Safari */
        transform: none !important;
        width: 100%;
        height: auto;
    }

    img.about-img-right {
        width: 80%;
        height: auto;
    }
}

@media only screen and (min-width: 551px) and (max-width: 760px) {

    footer p {
        font-size: .8rem;
    }

    .carousel.slide.carousel-fade img {
        border: 6px solid #ffffff;
    }

}