body {

    background: #CFCFCF;

    font-family: 'Source Sans Pro', sans-serif;

}






.cwp {

    margin-bottom: 1em;

}


/* ------------------------------ Nav ------------------------------ */

nav {

    padding-bottom: 0; !important;

    padding-top: 0 !important;

}



.navbar {

    padding: 0;

    background: #da1151;

}



.navbar-brand img {

    height: 2.6em;

}



.nav-link {

    padding: 2em !important;

    background: none;

    transition: .2s ease-in-out all;

    -webkit-transition: .2s ease-in-out all;

    -o-transition: .2s ease-in-out all;

    -moz-transition: .2s ease-in-out all;

}





.nav-link:hover {

    background: rgba(255,255,255,.1);

    transition: .2s ease-in-out all;

    -webkit-transition: .2s ease-in-out all;

    -o-transition: .2s ease-in-out all;

    -moz-transition: .2s ease-in-out all;

}



.navbar-toggler, .navbar-togger:focus {

    outline: none !important;

    border: none !important;

}



.navbar-toggler i {

    color: white !important;

}



@media (max-width: 992px) {

    .navbar {

        padding: 1.5em 2em !important;

    }



    .nav-link {

        padding: .5em !important;

    }

}



#logo {

    margin-left: -7%;

    width: 18em;

}




/* ------------------------------ Intro ------------------------------ */
.cwp.intro {
    margin: 2.5em auto;
    color: #003375;
}

.cwp.intro h2 {

    font-weight: 900;

}


.cwp.intro h3 {
    font-size: 1.3em;
    margin-bottom: -1rem;
}

.cwp.intro p {

    margin:0;
}



/* ------------------------------ Slide ------------------------------ */
.cwp .slide{
  margin-top: 2rem;
  margin-bottom: 4rem;
}

.cwp .slide .carousel-inner{
  border-radius: 0.5rem;
}
.cwp .slide h5{
  font-weight: bold;
}


/* ------------------------------ Bio ------------------------------ */

.cwp.bio{
  margin-top: 3rem;
}

.cwp.bio img, .cwp.servers img {

    border-radius: 50%;

    border: 3px solid white;

    margin-top: -3.5em;

    width: 7em;

    height: 7em;

}



.cwp.bio .card-body {

    padding: 0 !important;

}




.top {

    height: 5em;

    width: 100%;

}



.cwp.bio .col-sm-1{

  border-radius: 1rem;

}



.cwp.bio .top {

    background: #da1151;

}



.cwp.bio h5{

    margin-bottom: 0;

    margin-top: .2em;

}



.cwp.bio .bottom{

  padding: 0 5% 0 5%;

}



.card {

    -webkit-box-shadow: 0px 3px 22px 0px rgba(0,0,0,0.3);

    -moz-box-shadow: 0px 3px 22px 0px rgba(0,0,0,0.3);

    box-shadow: 0px 3px 22px 0px rgba(0,0,0,0.3);

    border-radius: 0;

    border: none;

}


/* ------------------------------ Accolades ------------------------------ */
.cwp.accolades .card{
  margin-top: 3rem;
  background: #BFE2FF;
  color: #2A2A2A;
  border-radius: 0.5rem;
}

.cwp  .accolades p{
  color: #7C7C7C  ;
  font-size: 0.95rem;
  font-weight: bold;
  display: inline;
  vertical-align: top;
}

.cwp  .accolades h5{
  font-size: 1.1rem;
  margin-top: 1rem;
}

/* ------------------------------ Footer ------------------------------ */



.footer{

  margin-top: 2rem;

}



.footer h5 {

    text-transform: uppercase;

    color: #da1151;

    font-weight: 700;

    font-size: 1.2rem;

}



.footer li {
    color: #4B4B4B ;
    font-size: 0.9rem;
}

.footer a {

    color: #4B4B4B ;

    font-size: 0.9rem;

}



.footer .list-unstyled{

  margin-top: 3%;

}



.footer p {

    color: #4B4B4B ;

    font-size: 0.9rem;

    margin-top: 0.5rem;

}




/* ------------------------------ Other ------------------------------ */


@media (max-width: 768px) {

    .cwp.servers .col, .cwp.accolades .col, .cwp.clients .col {

        width: 100% !important;

        margin-bottom: 2em;

    }



    .col-sm-4, .col {

        flex: 0 0 100%;

        max-width: 100%;

    }



    #mid {

        padding: 2em 0 !important;

    }



    .cwp.clients .col-sm-4:first-child {

        padding-left: 0 !important;

    }



    .cwp.clients .col-sm-4:last-child {

        padding-right: 0 !important;

    }



}