@media screen and (max-width: 991px){
	  #senateimg {
		float: none !important;
		margin: auto;
		display: block;
	  }
	}
	#membersul li{
	  margin: 1rem 0;
	}
	.apply-link{
	  border-bottom: 2px dotted black;
	}

	.blurb img{
	  height: 215px;
	  margin-bottom: 1rem;
	  width: auto;
	}
	.bigger{
	  font-size: 18px;
	}
	.btn-outline-smccd{
	  background-color: rgba(255, 255, 255, 0);
	  border: 1px solid #012147;
	  color: black;
	}
	.btn-primary{
	  background-color:#012147;
	  border: none;
	}
	.cell{
	  padding: 3px;
	}
	.color{
	  color: #032145;
	}
	.between-h2-and-h3{
	  font-size: 24px;
	}
	.contentdiv{
	  padding-bottom: 10px;
	  padding-top: 10px;
	  text-align: center;
	}
	.can{
	  background-color: #225a3f;
	}
	.csm{
	  background-color: #233770;
	}
	.dark-teal{
	  background-color: #043B44;
	  color: #ffffff;
	}
	.dascontent{
	  background-color: #eff8ff !important;
	  border-radius: 4px;
	  margin: 1rem 0;
	  padding: 30px;
	  height: calc(100% - 2rem);
	  display: flex;
	  flex-direction: column;
	}
	.dsgsContent {
	  background-color: white;
	  text-align: center;
	  box-shadow: 2px 2px 10px 2px #c9c9c9;
	  border-radius: 5px;
	  margin: 1rem 0;
	  padding: 30px;
	  height: calc(100% - 2rem);
	  display: flex;
	  flex-direction: column;
	}
	.dascontent-link{
	  color: black !important;
	  border-bottom: 2px dotted #4d6577 !important;
	}
	.dascontent a{
	  color: black !important;
	  border-bottom: 2px dotted #4d6577 !important;
	}
	.html{
	  background-color: #5F5F5F;
	}
	.h1{
	  margin-bottom: 5px;
	}
	.h3{
	  margin-bottom: 5px;
	}
	.imgdiv{
	  border-radius: 8px;
	  margin: auto;
	  padding: 1rem;
	  width: 75%;
	}
	.imgdiv img{
	  display: block;
	  margin: auto;
	}
	.learn{
	  margin-top: auto;
	  padding-top: 10px;
	}
	.learn p:last-child{
	  margin-bottom: 0;
	}
	.light-teal{
	  background-color: #AEE8F2;
	  color: #000000;
	}
	.medium-teal{
	  background-color: #819DA1;
	  color: #000000;
	}
	.modal-header {
	  align-items: center !important;
	}
	.modal-header h4 {
	  margin: 0 !important;
	}
	.member{
	  margin: 1rem 0;
	  padding: 30px;
	  height: 90%;
	  background-color: #eff8ff;
	  border-radius: 4px;
	}
	.member img{
	  width: 60%;
	  margin-bottom: 1rem;
	  height: 200px;
	  padding: 10% 0 10% 0;
	  margin-bottom: 1rem;
	}
	.modal-header{
	}
	.nav-item .nav-link.active{
	  background-color: #003365 !important;
	}
	.progBTN{
	  align-items: center !important;
	  border-radius: 8px !important;
	  display: inline-flex !important;
	  justify-content: center !important;
	  padding: 8px 32px !important;
	}
	.progBTN:hover{
	  background-color: #B5D0D5 !important;
	}
	.progBTNSelected{
	  align-items: center !important;
	  background-color: #076272 !important;
	  border: none;
	  border-color: #076272 !important;
	  border-radius: 8px !important;
	  color: #FFFFFF;
	  display: inline-flex !important;
	  justify-content: center !important;
	  padding: 8px 32px !important;
	}
	.red-text{
	  color: #A40803;
	}
	.resc{
	  background-color: #eff8ff;
	  margin: 1rem;
	  padding: 2rem 20px 0 20px;
	  border-radius: 5px;
	}
	.row-eq-height{
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display: flex;
	}
	.sky{
	  background-color: #8e1016;
	}
	.subCard{
	  background-color: #DFF4F8;
	  border-radius: 4px;
	  display: flex;
	  flex-direction: column;
	  height: calc(100% - 2rem);
	  margin: 1rem 0;
	  padding: 30px;
	}
	.subc{
	  border: 3px solid #003365;
	  margin: 5px;
	  padding: 5px;
	  text-align: center;
	  border-radius: 5px;
	}
	.title-bold{
	  font-family: sans-serif;
	  font-size: 20px;
	  color: black;
	}
	.version.index{
	  color: #000011;
	  background-color: #80313D;
	}
	.version.index{
	  color: #0000E9;
	  background-color: #036270;
	}
	.zoom{
	  border: 3px solid #003365;
	  background-color: #003365;
	  color: white;
	  margin: 5px;
	  padding: 5px;
	  text-align: center;
	  border-radius: 5px;
	}
	.zoom:hover{
	  color: white;
	}
	.zoombutton{
	  background-color: #032145;
	  color: white;
	}
	.zoombutton:hover{
	  color: white;
	}
	@-ms-viewport{
	  width: 768px;
	}
	@-moz-viewport{
	  width: 768px;
	}
	@-o-viewport{
	  width: 768px;
	}
	@-webkit-viewport{
	  width: 768px;
	}
	@viewport{
	  width: 768px;
	}
	.study-abroad-card {
	  height: 480px;
	  border-radius: 8px;
	  display: flex;
	  flex-direction: column; 
	  justify-content:end;
	  color: #fff;
	  overflow: hidden;
	  box-shadow: #000 4px 3px 10px -4px;
	  flex: 1;
	}

	.study-abroad-card-textbox {
	  background-color: rgba(0,0,0,0.6);
	  max-height: fit-content;
	  padding: 12px;
	  flex: 1;                  
	  display: flex;   
	  flex-direction: column;
	  align-items: flex-start; 
	}

	.study-abroad-card-h3 {
	  color: white;
	  margin-bottom: 12px;
	  font-weight: 800;
	  font-size: 16px;
	}

	.study-abroad-card-link {
	  font-size: 12px;
	  border-bottom: 2px dotted #fff;
	  color: #fff;
	  display: inline-block;  
	  margin-top: auto;        
	  width: auto;            
	  white-space: nowrap;    
	  padding-bottom: 2px;    
	}

	.study-abroad-test-card{
	  background-color: #eff8ff;
	  border-radius: 8px;
	  padding: 12px; 
	  display: flex;
	  flex-direction: column; 
	  align-items: center;
	  gap: 12px;
	  height:100%;
	  box-shadow: #000 4px 3px 10px -4px;
	}

	.study-abroad-test-img{
	  width: 200px;
	  height: 200px; 
	  border-radius: 12px
	}

	.global-internship-panel {
	  background-color: #eff8ff;
	  padding: 12px;
	  border-radius: 8px;
	}

	.global-internship-panel-Btn {
	  width: 100%;
	  background-color: #012147;
	  color: #FFFFFF;
	  padding: 8px 0;
	  text-align: center;
	  border-radius: 4px;
	  margin-top: auto
	}
	.global-internship-panel-Btn:hover{
	  background-color: #2C3647;
	  color: #FFFFFF;
	}
	.project-status {
      height: 16px;
      width: 16px;
      border-radius: 8px;
    }

    .project-info-link {
        text-decoration: none;
        color: #012147;

    }

    .project-info-link:hover {
        text-decoration: none;
    }

    .project-info-item {
      border-bottom: 1px solid transparent; /* thickness */
      border-image: linear-gradient(
          to right,
          rgba(1, 33, 71, 0),
          rgba(1, 33, 71, 1),
          rgba(1, 33, 71, 0)
      ) 1;
      padding: 16px 8px;
    }

    .project-info:hover {
      text-decoration: none;
      background: linear-gradient(
          to right,
          rgba(1, 33, 71, 0),
          rgb(239, 248, 255),
          rgba(1, 33, 71, 0)
      );
    }

    .project-card {
      border: #eff8ff 1px solid;
      border-radius: 8px;
      box-shadow: 4px 4px 7px;
      min-height: 400px;
      display: flex;
      flex-direction: column;
    }

    .project-legend {
      margin-top: auto;
    }

	.sitenav .dropdown-item:hover{
	  padding: .5rem 1.5rem;
      color: #012147;
      font-size: 15px;
      letter-spacing: -.25px;
	  text-decoration: none !important;
	}


    .bg-gradient-custom {
      background-image: linear-gradient(
        180deg,
        #00AEEF 0%,
        #00AEEF 33%,
        #FF7A45 100%
      );
    }

	.accordion{
		margin-bottom: 16px;
	}

	.colbtn {
        color: #FFFFFF;
        text-decoration: none;
        padding: 8px;
        border-radius: 8px;
        text-align: center;
    }

    .rowbtn {
        color: #FFFFFF;
        text-decoration: none;
        padding: 8px 32px;
        border-radius: 8px;
        text-align: center;
    }

    .employee-portal-sidecard {
        background-color: #eff8ff;
        border-radius: 8px;
        padding: 16px;
    }
      .external-quick-link{
        text-decoration: none;
        color: #012147;
    }