section#contact {
    
    background-repeat: no-repeat;
    background-position: 50%
}
/*Controls the header colour on the Contact form*/
 section#contact .section-heading {
     color: black
 }

 section#contact .form-group {
     margin-bottom: 25px
 }

 section#contact .form-group input,
 section#contact .form-group textarea {
     padding: 20px
 }

 section#contact .form-group input.form-control {
     height: 90%
 }

 section#contact .form-group textarea.form-control {
     height: 248px
 }

    section#contact .form-control:focus {
        border-color: #ff1a44;
        box-shadow: none
    }

 section#contact ::-webkit-input-placeholder {
     font-weight: 700;
     color: #ced4da;
     font-family: Montserrat, Helvetica Neue, Helvetica, Arial, sans-serif
 }

 section#contact :-moz-placeholder,
 section#contact ::-moz-placeholder {
     font-weight: 700;
     color: #ced4da;
     font-family: Montserrat, Helvetica Neue, Helvetica, Arial, sans-serif
 }

 section#contact :-ms-input-placeholder {
     font-weight: 700;
     color: #ced4da;
     font-family: Montserrat, Helvetica Neue, Helvetica, Arial, sans-serif
 }

 #contact .col-md-6 {
     padding: 0 15px
 }

 footer {
     padding: 25px 0;
     text-align: center
 }

 footer span.copyright,
 footer ul.quicklinks {
     font-size: 90%;
     line-height: 40px;
     text-transform: none;
     font-family: Montserrat, Helvetica Neue, Helvetica, Arial, sans-serif
 }

 footer ul.quicklinks,
 ul.social-buttons {
     margin-bottom: 0
 }

 ul.social-buttons li a {
     font-size: 20px;
     line-height: 40px;
     display: block;
     width: 40px;
     height: 40px;
     transition: all .3s;
     color: #fff;
     border-radius: 100%;
     outline: none;
     background-color: #212529
 }

    ul.social-buttons li a:active,
    ul.social-buttons li a:focus,
    ul.social-buttons li a:hover {
        background-color: black
    }

 body {
     overflow-x: hidden;
     font-family: Roboto Slab, Helvetica Neue, Helvetica, Arial, sans-serif
 }

 p {
     line-height: 1.75
 }


    /* This code controls the website links colours on hover #ff1a44 */
    a:hover {
        color: grey
    }

a {
    color: darkorange;
}




 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-weight: 700;
     font-family: Montserrat, Helvetica Neue, Helvetica, Arial, sans-serif
 }

 section {
     padding: 100px 0
 }

 section h2.section-heading {
     font-size: 40px;
     margin-top: 0;
     margin-bottom: 15px
 }

 section h3.section-subheading {
     font-size: 16px;
     font-weight: 400;
     font-style: italic;
     margin-bottom: 75px;
     text-transform: none;
     font-family: Droid Serif, Helvetica Neue, Helvetica, Arial, sans-serif
 }

 @media (min-width:768px) {
     section {
         padding: 150px 0
     }
 }

 .btn {
     font-family: Montserrat, Helvetica Neue, Helvetica, Arial, sans-serif;
     font-weight: 700
 }

 .btn-xl {
     font-size: 18px;
     padding: 20px 40px
 }

.btn-primary {
    color: #fff;
    background-color: #ff1a44;
    border-color: #ff1a44
}

    /* The code controls the button hover colours */
    .btn-primary:active,
    .btn-primary:focus,
    .btn-primary:hover {
        background-color: grey !important;
        border-color: grey !important;
        color: #fff
    }

 .btn-primary:active,
 .btn-primary:focus {
     box-shadow: 0 0 0 .2rem rgba(254, 209, 55, .5) !important
 }
 /* The code controls the text highlight */
::-moz-selection {
    background: #ff1a44;
    text-shadow: none
}

::selection {
    background: lightgrey;
    text-shadow: none
}

 img::selection {
     background: transparent
 }

 img::-moz-selection {
     background: transparent
 }