html, body {
overflow-x: hidden;
font-family: 'Open Sans', sans-serif;
}
h1,h2,h3,h4,h5,h6 {
text-transform: uppercase;
font-family: 'Raleway', sans-serif;
}
ul {
list-style-image: url('images/62.png');
list-style-position: outside;
}

#article h1 {
padding-left: 10px;
}
/*homepage carousel text*/
/*text centered left */
.centered-left {
    position: absolute;
    top: 45%;
    left: 15%;
    right: 50%;
}
@media only screen and (max-width:960px){
/* Centered text */
.centered-left {
    position: absolute;
    top:45%;
    left: 10%;
    right: 10%
}
}
/* buttons */
.btn-primary, .btn-secondary {
border:none;
border-radius: 0px;
background-color: #ab0006;
text-transform: uppercase;
}
.btn-primary:hover, .btn-secondary:hover {
border:none;
background-color: #ab6b6d;
}
.full-width {
width: 100%;
}
/*images*/
img {
width: 100%;
height:auto;
}

.service-icon {
width: 200px;
height: 200px;
}

#services a {
color: #000;
}

#contact a {
color: #ab6b6d;
}
/*homepage content */
.portfolio, .shoutout {
    /* The image used */
    background-image: url('images/10.jpg');

    /* Full height */
    height: 100%; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Turn off parallax scrolling for tablets and phones. Increase the pixels if needed */
@media only screen and (max-device-width: 1366px) {
    .portfolio, .shoutout{
        background-attachment: scroll;
    }
}

.clients {
background-color: #f5f5f5;
}
.contact {
background-color: #f5f5f5;
}

/*archive article*/
#article {
padding-top:120px;
}
@media only screen and (max-width:960px){
#article {
margin:0;
padding-top:200px;
}
}

/*margins / padding / spacings */
.mt-20 {
  margin-top: 20px !important;
} 
.mb-20 {
margin-bottom: -20px !important;
}
.ml-1 {
  margin-left: ($spacer * .25) !important;
}
.px-2 {
  padding-left: ($spacer * .5) !important;
  padding-right: ($spacer * .5) !important;
}
.p-3 {
  padding: $spacer !important;
}