h1.title {
  color: #241570;
  font-weight: bold;
  font-size: 2.4em;
}
h2 {
   /* border-left: 35px solid #132270; */
}
h3 {
 font-size:120%;
 text-align: left;
}
a {
  text-decoration: none;
}
#portal-column-content-cseii {
  text-align: justify;
}
#carouselSlideshow .carousel-item {
  height: 775px;
  background: #132270;
  background:#1e1512;
 }
.nav.flex-column {
  background: #ffe76d;
  padding: 1em;
}
.nav.flex-column .nav-link{
  font-weight: bold;
  text-shadow: 2px 4px 3px rgb(0 0 0 / 20%);
  color: #132270;
}
header {
	background-image: url(utech-logo-ucj.png);
	background-repeat: no-repeat;
}
header .d1{
	border-bottom-width:5px;
	border-bottom-style:solid;
	border-bottom-color:#ffd403;
}
header .d2{
	border-bottom-width:5px;
	border-bottom-style:solid;
	border-bottom-color:#0e034d;
}

#testimonials {
  background: #241570;
  margin-top: 1em;
  min-height: 448px;
}
#testimonials h3, #testimonials h3 a {
  color: #fff;
  text-align: center;
  padding: .5em 0;
}
#testimonials .carousel-item {
  height: 350px;
  width: 100%;
} 
#testimonials img {
  width: 50% !important;
  border-radius: 50%;
  margin: auto;
  text-align: center;
}
.img-left {
  border: 1px solid #ccc;
  padding: 3px;
  float: left;
  margin-right: 14px;
}
.img-right {
  border: 1px solid #ccc;
  padding: 3px;
  float:right;
  margin-left: 10px;
}
.img-mid {
  border: 1px solid #ccc;
  padding: 3px;
  float:none;
  margin: 10px 0;
}

/*Override*/
.d-none {
 display: block!important;
}
 
 
/*
Gallery / Events  */
.btn:focus, .btn:active, button:focus, button:active {
  outline: none !important;
  box-shadow: none !important;
}
#image-gallery .modal-footer{
  display: block;
}
.thumb{
  margin-top: 15px;
  margin-bottom: 15px;
}
.event.container img {
  width:300px
}
.event.container a {
  display: block;
  min-height: 300px;
  background: #5c67aa;
  padding: 2.5em 1em 1em 1em;
  margin-bottom: 1em;
  text-align: center;
  border: 0px solid #ccc;
  text-decoration: none;
  color: #ffffff;
}
.event.container a img {
  margin: 5px;
}


/*Phone*/
@media all and (max-width: 480px) {


}

/*Tab + Desktop*/
@media (min-width: 769px) { 
 #carouselSlideshow .carousel-caption {
      bottom: 3.25rem;
  }
 #carouselSlideshow .carousel-indicators {
      bottom: 0rem;
  }

}


/*Tab + Phone*/
@media (max-width: 768px){

 #carouselSlideshow .carousel-caption {
      bottom: 8.25rem;
  }
 #carouselSlideshow .carousel-indicators {
      bottom: 5rem;
  }

}