/*
STYLES.CSS

Course:  Bootstrap 4 Quick Start
Author:  Brad Hussey
Website: bradhussey.ca
*/

html,
body {
    height: 100%;
    background-color: #000000;
}

img {
    max-width: 100%;
}

/* cover */

#logo {
    color: blue;
  }

#cover {

    background: #000000 url('../img/goldengates.jpg');
    background-size: cover;
    color: white;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    margin-top: 10px;

}

#cover-caption {
    width: 100%;
}
.lead {
    color: white;
}
.shadow {
    -moz-box-shadow:    3px 3px 5px 6px #ccc;
    -webkit-box-shadow: 3px 3px 5px 6px #ccc;
    box-shadow:         3px 3px 5px 6px #ccc;


}
.heading {
    color: white;
}



.section-content {
    padding: 5rem 0;
}

#about {
    background: #222 url('../img/baybridge.jpg') center center no-repeat;
    background-size: cover;
}

#black {
    height: 100%;
    width: 100%;
    background-color: #000000;
}

.about-text {
    background: rgba(0,0,0,0.8);
    color: white;
    padding: 1.875rem;
}

#footer-main {
    background: #222;
    color: white;
    font-size: 0.8rem;
    padding: 2.5rem 0;
}


 h1, h2, h3, h4, h5, h6 {
     color: white;

 }

#carousel-home{
    margin-top: 6rem;
}

#serviceheading {
    background: url('../img/happylady.jpg') center center no-repeat;
    background-size: cover;
    color: white;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
}

#serviceheading-text {
    font-size: 1.4rem;
    font-weight: 200;
    max-width: 60rem;
    margin: 0 auto;
    text-align: center;
}

#serviceheading-text h1 {
    color: #c93b11;
    font-weight: bold;
    text-transform: uppercase;
}
.service-text  {
    text-align: center;

}

#mobile-heading {
    background: url('../img/highway.jpg') center center no-repeat;
    background-size: cover;
    color: white;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
}

#mobile-heading-text {
    font-size: 1.4rem;
    font-weight: 200;
    max-width: 60rem;
    margin: 0 auto;
    text-align: center;
}

#mobile-heading-text h1 {
    color: black;
    font-weight: bold;
    text-transform: uppercase;
}


.feature-content {
    padding: 2rem 0;
    overflow: hidden;
}

.feature-content img {
    margin-bottom: 2rem;
}

.feature-dark {
    background: #262F36;
    color: white;
}

.feature-dark h2 {
    color: white;
}

.feature-alt {
    background: #f0f0f0;
}

#feature-four .feature-content {
    padding: 0;
}

#feature-five img {
    margin-top: 2rem;
}

#page-heading {
    color: #ffffff;
}

#page-heading2 {
    color: blue;
    text-align: center;
}

#page-heading_3 {
    color: #F4070B;
    text-align: center;
}

#contact-form{
    margin-top: 3rem;
    background-color: white;
    margin-bottom: -2rem;
    padding-bottom: 6rem;
    padding-top: 6rem;
}

#phone-color{
    color: blue;
    text-shadow: 1px 1px #000000;
}
#form {
    background-color: #1a915c;
    padding-top: 6rem;
    padding-bottom: 4rem;
    color: white;
}

#form-btn {
    margin-top: 2rem;
}

#contact-pics {


}
.new-color {
    color: blue;
    
}

#black {
    margin-top: 6rem;
}

#thanks-pic {
    margin-bottom: 3rem;
}

#card-space {
    margin-bottom: 2rem;
    width: 570px;
}

#numtop {
    margin-top: px;
}


/* Small */
@media only screen and (min-width : 768px) {
    .cover {
        text-align: center;
    }
    #phone-number {
        text-align: center;
    }
}

#insurancewords {
    color: #F4070B;
    margin-top: 05px;
    text-align: center;
    font-size: 02em;
    margin-bottom: -06px;
    -webkit-animation: mymove 2s infinite;


}

#socialnetworks {
    text-align: center;
    margin-top: 5px;
    margin-bottom: -10px;
}

#logo {
    font-size: 2em;
    color: #FFFFFF;
    padding-top: 0;

    margin-bottom: 15px;
}

#logo_nm {
    font-size: 0.8em;
    color: #ffffff;
    margin-left: 32px;
    margin-top: 2px;
    padding-top: 4px;
    padding-bottom: 5px;
}
#logo_top {
    background-color: #222;
}

.navbar-inverse .navbar-nav>.active>a{
    background-color: transparent;
}
#card_text {
    color: #F4070B;
    height: 2em;
    width: 4em;

}

.card {
    border: 0px;
}

#img_border {
    margin-bottom: 10rem;

}
#large_ad {
    margin-bottom: 5em;
}

#coupon_center_tx {
    text-align: center;
    margin-bottom: 30px;
    text-shadow: 2px 2px red;


}

#couponspaceblue {
    background-color: #46B2F1;

    height: 100px;
    font-size:2.5em;
    text-align: center;
    line-height: 3;
    margin-bottom: 15px;
    margin-top: 15px;
    border: dashed;
    background-image:url(../glasssupply/scissors.png);
    background-repeat: no-repeat;




}

#couponspaceyellow {
    background-color: yellow;

    height: 100px;
    font-size:2.5em;
    text-align: center;
    line-height: 3;
    margin-bottom: 15px;
    margin-top: 15px;
    border: dashed;
    background-image:url(../glasssupply/scissors.png);
    background-repeat: no-repeat;




}

#couponspacethree {
    background-color: #46B2F1;
    color: #F8F5F5;
    height: 100px;
    font-size: 2.5em;
    text-align: center;
    line-height: 3;
    margin-bottom: 15px;
    margin-top: 15px;
    text-shadow: 2px 2px #000000;
    box-shadow: 10px 10px 5px #000000;




}

#couponspacetwo {
    background-color: yellow;
    color: #F8F5F5;
    height: 100px;
    font-size: 2.5em;
    text-align: center;
    line-height: 3;
    margin-bottom: 15px;
    margin-top: 15px;
    text-shadow: 2px 2px #000000;
    box-shadow: 10px 10px 5px #000000;




}