.container-fluid{
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px){
  .logoresponsive{
    margin-left: 90px;
    margin-top: 8px;
  }
}
@media screen and (max-width: 768px){
  .socialmedia-icons{
    margin-left: 70px;
  }
}
@media screen and (min-width: 992px){
  .socialmedia-icons{
    margin-top: 70px;
  }
}
b a { color: #FFFFFF; }
		b a:hover{ color:#FF0000; text-decoration: none;}
		.active { background-color: }
		.dropdown{
			position: relative;
			display: inline-block;
		}
		.dropdown-content{
			display: none;
			position: absolute;
			background-color: #0000CD;
			min-width: 160px;
			z-index: 1;
		}
		.dropdown-content b a{
			padding: 5px;
			display: block;
		}
		.dropdown:hover .dropdown-content{ display: block; }
    
  @media screen and (max-width: 768px){
    .sspics{
      max-width: 100%;
      max-height: 160px;
    }
  }

  @media screen and (max-width: 768px){
    .deptpics{
      max-width: 100%;
      max-height: 100px;
    }
  }
		.mySlides {display: none;}
		img {vertical-align: middle;}
		.slideshow-container {
		  position: relative;
		}
		.fade {
  			-webkit-animation-name: fade;
  			-webkit-animation-duration: 1.5s;
  			animation-name: fade;
  			animation-duration: 1.5s;
		}
		@-webkit-keyframes fade {
  			from {opacity: .4} 
  			to {opacity: 1}
		}
		@keyframes fade {
  			from {opacity: .4} 
  			to {opacity: 1}
		}
		.imgresponsive{
			width: 100%;
		}
.transform{
    width: 150px;
    height: 25px;
    background:lightgray;
    transition: width 1s;
    margin-left:40px;
    border-left:7px solid black;
}
.transform:hover {
    width: 170px;
}

.riselogo{
	-webkit-border-radius: 80px;
    -webkit-transition:all 0.95s ease-in;
}

.riselogo:hover{
	-webkit-transform:scale(1.2);
    -webkit-transition:all 0.95s ease-in;
    -webkit-transform: rotate(360deg);  
    transform: rotate(360deg);
}

.topnav {
  overflow: visible;
  background-color: #333;
}

.topnav b a {
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

/*.topnav b a:hover {
  background-color: #ddd;
  color: black;
}*/


.topnav .icon {
  display: none;
}

@media screen and (max-width: 600px) {
  .topnav b a:not(:first-child) {display: none;}
  .topnav b a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive b a {
    float: none;
        text-align: left;
  }
}
.footer{
  color: #FFFFFF;
  font-weight: bolder;
  text-decoration: none;"
}
.footer:hover { color: #FF0000;text-decoration: none; }

@media screen and (max-width: 768px){
  .libpics{
    max-width: 100%;
    max-height: 200px;
  }
}
@media screen and (max-width: 992px){
  .libpics{
    width: 600px;
    height: 400px;
  }
}

@media screen and (max-width: 768px){
    .implinkres{
      margin-left: 15px; 
      margin-right: 15px;
    }
  }

    .implinks:hover {
    color: #FF0000;
}
@media screen and (max-width: 768px){
  .feedback{
    width: 250px;
  }
}