/* You can add global styles to this file, and also import other style files */

/* Provide sufficient contrast against white background */
a {
    color: #0366d6;
}

code {
    color: #e01a76;
}

.citHeader {
    color: white;
    font-family: 'Fjalla One', sans-serif;
    font-size: 48px;
    margin: 5px;
}
.citSubHeader {
    color: white;
    font-family: 'Fjalla One', sans-serif;
    font-size: 32px;
    margin: 5px 5px 5px -40px ;
    background: #8652c4;
    padding: 0px 10px 0px 10px;
    
}
.citSubSubHeader {
    color: #8652c4;
    font-family: 'Fjalla One', sans-serif;
    font-size: 24px;
}

.citHeaderBlack {
    color: black;
    font-family: 'Fjalla One', sans-serif;
    font-size: 48px;
}


.border-primary {
    border-color: #8652c4 !important;
}

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

.btn-primary:hover {
    color: #fff;
    background-color: #704b9c;
    border-color: #704b9c;
}

.bgIndustry {
    /* The image used */
    background-image: url("../images/chapman-it/jezael-melgoza-HYQvV8wWX18-unsplash.jpg");
    /* Full height */
    height: 100%;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bgSocial {
    /* The image used */
    background-image: url("../images/chapman-it/wade-austin-ellis-_mTWj51j_k4-unsplash.jpg");
    /* Full height */
    height: 100%;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bgEnvironmental {
    /* The image used */
    background-image: url("../images/chapman-it/300-sl-alternative-energy-blue-sky-clouds-371900.jpg");
    /* Full height */
    height: 100%;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.citCard {
    background-color: white;
    opacity: 0.8;
    margin: 30px;
}

.citCardText {
    color: black;
    opacity: 1;
}

.margin10 {
   margin-bottom:10px;
}
.margin20 {
    margin-bottom: 20px;
}

.reactiveimg{
    max-width:100%;
    height:auto;
}