@charset "UTF-8";

/* CSS Document */


/*Font import*/

@font-face {
    font-family: stones-sans;
    src: url(STOSNOB_.ttf);
}


/* Core tags*/

@media (min-width: 1200px) {
    .container {
        max-width: 970px;
    }
}

html {
    height: 100%;
}

body {
    font-family: 'Open Sans';
    background-color: white;
    background-repeat: repeat;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: black;
    font-size: 14px;
    height: 100%;
    background-color: #B9CCD3;
}

.wrap {
    min-height: 100%;
}

p {
    text-align: left;
    font-size: 14px;
    margin: 15px 0;
    color: #3B4C56;
}

ul {
    text-align: center;
}

h1 {
    font-family: stones-sans;
    font-size: 25px;
    color: #3b4c57;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
}

.services_page h1 {
    text-align: left;
}

.contact_page h1 {
    text-align: left;
    margin: 15px 0;
}

h2 {
    font-size: 17px;
    text-align: center;
    font-weight: 500;
    color: #8BA3AF;
    margin-top: 10px;
    MARGIN-BOTTOM: 0;
}

h3 {
    font-size: 12px;
    text-align: center;
    font-weight: 700;
    padding: 17px 0;
    margin: 0;
}

h4 {
    font-size: 12px text-align: center;
    font-weight: 600;
}

.img_border {
    border: #CCC solid 1px;
    padding: 5px;
}

.img-services {
    max-height: 135px;
    border: lightgrey solid 1px;
    padding: 5px;
}

.img-center {
    margin: 0 auto;
    border: lightgrey solid 1px;
    padding: 5px;
}

.placeholder {
    margin: 80px 0;
}


/*Header*/

.top_head_fullwidth {
    background-color: #3D3D3F;
    width: 100%;
    color: white;
    padding: 10px 0;
}

.head_fullwidth {
    background-color: white;
    width: 100%;
    color: white;
    padding: 15px 0;
}

#logo {
    font-family: stones-sans;
    color: black;
    font-size: 45PX;
}

#strapline {
    color: #A5B5BB;
    letter-spacing: 1px;
    font-weight: bold;
}

.top_header_row {
    font-weight: 300;
}

ul.nav a:hover {
    background-color: lightgray !important;
}

a {
    color: #8FCBFF;
}


/*Content*/

.content_container {
    background-color: white;
    border-top: #EDEDED solid 1px;
    padding: 0 35px;
}

.contact_container {
    background-color: white;
    border-top: #EDEDED solid 1px;
    padding: 20px 35px;
    height: 100%;
}

.homepage_main_img_container {
    margin: 23px 0 15px 0;
}

.homepage_main_img {
    margin: 4% auto 0 auto;
    border: #8BA3AF solid 2px;
}

.horizontal_line {
    display: block;
    background-color: #8BA3AF;
    width: 100%;
    height: 5px;
    content: "";
    margin: 30px 0;
}

.content_box {}

.projects_container {
    margin: 20px 0;
}

.projects_container_imgs {
    border: #8BA3AF solid 1px;
    max-height: 200px;
    margin: 5px auto;
}


/*Nav bar*/

.navcontainer {
    margin-bottom: 0;
}

.navcontainer ul li {
    color: #B9CCD3;
    padding: 31px 0;
}

.navcontainer ul li a {
    color: #A5B5BB;
    padding: 0 10px;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 16px;
}

.navfooter {
    margin: 15px 0 0 0;
}

.navfooter ul li a {
    color: black;
    padding: 0 5px;
    font-weight: 700;
    font-size: 12px
}


/*Footer*/

.footer_full_width {
    background-color: #3B4C56;
    width: 100%;
    color: white;
    font-weight: 100;
}

.footer_menu li {
    display: block;
}

.footer_menu li a {
    font-size: 12px;
    margin-top: 10px;
    color: white;
    font-weight: 600;
}

.copyright {
    text-align: left;
    margin-top: 17px;
    color: white;
    font-size: 11px;
}


/*Service page*/

.service_rows {
    margin: 15px 0;
}

.services_list ul {
    text-align: left;
}


/*Media Queries*/


/*            */


/*Service boxes*/

@media screen and (max-width: 767px) {
    .navcontainer ul li {
        padding: 0;
        margin: 0 auto;
        width: 120px;
    }
    #pipe {
        width: 5px;
    }
}