@import url('https://fonts.googleapis.com/css?family=Julius+Sans+One|Open+Sans:400,700|Palanquin+Dark|Quicksand:400,700|Ubuntu:400,500,700|Paytone+One|Nanum+Gothic&display=swap');


html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr, form {
	font-family: 'Quicksand', sans-serif;
 }

p {
    font-size:1.1rem;
    line-height: 2rem;
}

a, a:visited, a:hover, a:active {
    text-decoration: none;
}

.ci-hours {
    font-size:0.95rem;
    border-bottom: 3px solid ;
    border-bottom-style:double;
    border-color: #f2f2f2;
    /*color:#333;*/
}
.navbar-brand {
    font-size:1.5rem;    
}
.navbar-nav .nav-link {
font-family:  'Julius Sans One', sans-serif;
font-weight: 700;
font-size: 0.95rem;
padding-top: 0.3rem;

}

.ul,li {
    font-size: 1rem;
}

.ci-main {
  background-image: url("../images/cfc_tacoma.jpg");
  background-repeat: no-repeat;
  background-position:center;
  background-size: cover;
  height: 80vh;
    }

.maintext {
    position: relative;
    top: 10%;
}

.ci-mt {

 background-color: #ebf0f2;  
    background-repeat: no-repeat;
    background-position:center;
    background-size: cover;
    height: 30vh;
    }

.carousel-item img {
     opacity: 0.6;
   }

.ci-mt-div {  
    position: relative;
    top: 10%;  
}

.ci-mt-title {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    }

.ci-main-title {
    font-family: 'Paytone One', sans-serif;
    }

.ci-mt-subtitle {
    font-family: 'Quicksand', sans-serif;
    color: #2A9FD6;
}

.ci-subtitle {
    color: #135c7e;
}

.subtitle {
    font-family:  'Ubuntu', sans-serif;
}

.ci-navbar {
    background-color: #ffffff;
    opacity: 0.7;
}

.ci-st {
  /*background-image: url("../images/test.jpg");*/
  background-color: #fff;    
  background-repeat: no-repeat;
  background-position:center;
  background-size: cover;
  height: 15vh;
    }

.ci-about {
  background-image: url("../images/cfc_banner_about.jpg");*/
  background-color: #fff;    
  background-repeat: no-repeat;
  background-position:bottom;
  background-size: cover;
  height: 25vh;
    }

.ci-service {
  background-image: url("../images/cfc_banner_service.jpg");*/
  background-color: #fff;    
  background-repeat: no-repeat;
  background-position:center;
  background-size: cover;
  height: 25vh;
    }

.ci-patient {
  background-image: url("../images/cfc_banner_patient.jpg");*/
  background-color: #fff;    
  background-repeat: no-repeat;
  background-position:center;
  background-size: cover;
  height: 25vh;
    }

.ci-st-div {  
    position: relative;
    top: 40%;  
}
.ci-st-title {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    }

.ci-st-subtitle {
    color: #2A9FD6;
    font-family: 'Quicksand', sans-serif;
}

.ci-intro {
  font-size: 1.1rem;
  font-weight: 300;
  line-height: 1.7; 
}
 
.ci-bg-light {
    background-color: #f9fcff;
}

.bg-footer {
    background-color: #464646;
    color:#f3f5f7;
}

.ci-under {
     border-bottom: 5px solid ;
     border-color: #2A9FD6; 
}

.teamtitle {
    font-size:0.8rem;
    text-transform: uppercase;
     font-weight:bold;
  
}

.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
}


.btn-sq {
  width: 100px !important;
  height: 100px !important;
  font-size: ..9rem;
}

.btn-sq-lg {
  width: 150px !important;
  height: 150px !important;
}

/*
.carousel {
  margin-bottom: 4rem;
}
*/
.carousel-caption {
  top:15%;
  z-index: 10;
}


.carousel-inner {
  width: 100%;
  overflow: hidden
}


   
.text-purple {
    color:#6f42c1;
}

.text-red {
    color:#c15136;
}
.text-turquoise {
    color:#6ecfcf
}

.text-blue {
    color:#7c89a8;
}

.bg-yellow {
    background-color: #f8d647;
}

.btn-send {
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 20px;
}

.help-block.with-errors {
    color: #ff5050;
    margin-top: 5px;
}




/*------------------------Media Query---------------------------------*/

@media (max-width: 768px) {


 .hnones {
    display: none; 
    }
    
    
 .ci-mt-div {  
    position: relative;
    top: 20%;  
}  
    
}
@media screen and (min-width: 576px) { 
    
.dropdown-menu {
    background-color: #333;        
    } 
    
/*
    .ci-mt-title {
    letter-spacing: 2px;
    font-size: 2rem;
    font-weight: 600;
}
 */   
    
.ci-intro {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5; 
}
       
.ci-display-4{
 font-size: 2rem;
}

.btn {
    font-size:0.7rem;
    }    
.cinone-s {
        display: none; 
    }       

}

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }