.SPini_img {
	width:80%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	display:block;
}

.Sch_heading {
	text-align:center;
	font-size:1.3em;
	font-weight:500;
}

.themelogo {
	width:100%;
	padding:10px;
	margin:0 auto;
	align-items: center;
	text-align:center;
	justify-content:space-around;
	flex:wrap;
	
}
	


.themelogo img{
	width:300px; /*change from 22% to 300px*/
	min-width:200px;
	height:auto;
	display:inline-block;
	
}
.themeProj {
	width:100%;
	padding:10px;
	margin:0 auto;
	align-items: center;
	text-align:center;
	justify-content:space-around;
	
}


.themeProj img{
	width:500px;
	height:auto;
	display:inline-block;
	
}

.projGallery {
    width:100%;
	margin:0 auto;
	align-items:center;
	text-align:center;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	
		
}


.cardStyling {
	width:425px;
	height:340px;
	border-radius:50px 10px 70px 10px;
	border:solid 2px;
	display:inline-block;
	text-align:center;
	position:relative;
	text-color:#fff;
	margin:10px;
		}


.cardStyling img {
	max-width:100%;
	max-height:auto;  
	margin:0 auto;
	border-radius:48px 8px 50px 8px ; 
	webkit-transition: all 0.35s;
    transition: all 0.35s;
		
}

.cardTxt {
	font-size:1.1em;
	font-weight:500;

	 
}

.cardStyling .overlay {
  position: absolute;
  width: 80%;
  height:60%;
  left: 10%;
  top: 10%;
  border-bottom: 1px solid #FFF;
  border-top: 1px solid #FFF;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(0,1);
  -ms-transform: scale(0,1);
  transform: scale(0,1);
}

.cardStyling:hover .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.cardStyling:hover img {
  filter: brightness(.3);
  -webkit-filter: brightness(0.3);
}

.cardStyling h2 {
  text-transform: uppercase;
  text-align: center;
  position: relative;
  font-size: 17px;
  background-color: transparent;
  color: #fff;
  padding: 1em 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,-100%,0);
  transform: translate3d(0,-100%,0);
}

.cardStyling a, .cardStyling p {
  color: #FFF;
  padding: 0em 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);
}

.cardStyling a {
	border: solid 1px;
	padding:2px;
	color: #FFF;
	text-decoration:none;
	cursor:pointer;
}

.cardStyling:hover a, .cardStyling:hover p, .cardStyling:hover h2 {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.colorDigital {
	background:#04aee5;
	border-color:#04aee5;
}
.colorDigitalBkgd {
	background-color:rgba(4,174,229,0.2);
	padding:5px;
}

.colorCare {
	background: #ec0d6d;
	border-color:#ec0d6d;
}

.colorCareBkgd {
	background-color:rgba(236,13,109,.2);
	padding:5px;
	
}
.colorGreen {
	background:#78bd42;
	border-color:#78bd42;
}
.colorGreenBkgd {
	background-color:rgba(120,189,66,.2);
	padding:5px;
	
}

.colorIndustry{
	background:#feba14;
	border-color:#feba14;
}

.colorIndustryBkgd{
	background-color:rgba(254,186,20,0.2);
	padding:5px;
}

.info {
	text-align:center;
	margin:0 auto;
	justify-content:center;
	font-size:1.1em;
		
}

.button {
	width: 200px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	text-align: center;
	border-radius: 10px;
	text-transform:uppercase;
	font-weight: bold;
	letter-spacing: 2px;
	border: 3px solid #111111;
	transition: all 0.3s linear;
	
}

.button:hover{
	background-color: #6DC7D0;
	transform:scale(1.1);
	color: #333333;
	cursor: pointer;
	box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.5);
}

.button a{
	text-decoration:none;
}

.line {
	width:60%;
	height:1px;
	margin:0 auto;
	padding-top:3vh;
	padding-bottom:2vh;
	text-align:center;
	justify-content:center;
	border-bottom: 4px solid #6F6F6F; 
	
}


.otherProj {
text-align:center;
	padding-top:20px;
	padding-bottom:20px;
	font-size:1.1em;
	font-weight:500;
}


.flex-container{
    display: flex;
    flex-wrap:wrap;
	width:100%;
	justify-content:center;
	margin:0 auto;
	align-items:center;
	padding-bottom:20px;
	
}

.flex-container a {
	text-decoration:none;
}

.flex-container a:visited {
	color:#FDFDFD;
	font-weight:bolder;			
}



.colmn {
	width:200px;
	height:265px;
	border-radius:30px;
	margin-bottom:20px;
	margin-right:20px;
	text-align:center;
	color:#fff;
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
		
}

.colmn img {
	margin-top:20px;
	width:auto;
	max-height:90px;
}

.txt {
position:relative;
justify-content: center;
padding:20px;
margin:0 auto;
display:flex;
color:#fff;
font-size:1em;
font-weight:500;
}


.colmn:hover {
	transform:scale(1.1);
	box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.5);
}

.abe {
	background: #9A5107;
}

.cls {
	background: #D31145;
}

.eee {
	background: #22BCB9;
}

.lsc {
	background: #664EA2;
}

.mad {
	background: #BFB800;
}

.mae {
	background: #0096D7;
}

.ms {
	background:#CD2027;
}

.sb {
	background:#FF661B;
}

.sma {
	background:#0076C0;
}

.soc {
	background:#5B7F95;
}

.tie {
	background:#54B951;
}

.fablab {
	background:#656F75;
}

.flex-container480{
	display:none;
}

.colmn2grid{

	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
	
	
}

.colmn2grid img{
	width:22vw;
 	max-width:300px; /*add max-width here - 131223 */
	height:auto;	
}

.colmn2grid:hover {
	transform:scale(1.1);
	box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.5);
	
}


/*Responsive Cols*/
@media only screen and (max-width: 1120px) {
.colmn {
	width:180px;
	height:270px;
	border-radius:30px;
	margin-bottom:20px;
	justify-content:space-around;
	text-align:center;
	color:#fff;
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
		
}
  

  
.colmn img {
	margin-top:20px;
	width:auto;
	height:80px;
}
	
}

		
@media only screen and (max-width: 800px) {
.colmn {
	width:166px;
	height:250px;
	border-radius:30px;
	margin-bottom:20px;
	margin-right:10px;
	text-align:center;
	color:#fff;
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
		
}

.colmn img {
	margin-top:20px;
	width:auto;
	height:65px;
}

.txt {
font-size:1em;
}
	
.colmn2grid img{
	width:200px;
	height:auto;	
}
}
@media only screen and (max-width: 480px) {
    .flex-container{
        display:none;
    }
	
	.Sch_heading {
	font-size:1em;
	font-weight:500;

}
	
.cardStyling {
	width:400px;
	height:300px;
	border-radius:50px 10px 70px 10px;
	border:solid 2px;
	display:block;

	margin:10px;
		}
	
	
	.flex-container480{
    display: flex;
    flex-wrap:wrap;
	width:80%;
	justify-content:center;
	margin:0 auto;

}
	.otherProj {
	font-size:.5em;
	}
		
	.colmn480 {
	width:100%;
	height:auto;
	border-radius:0;
	margin-bottom:2px;
	text-align:center;
	padding:5px;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
	}
	
.colmn480:hover {
	transform:scale(1.05);
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.5);
}

.colmn2grid img{
width:150px;
padding-top:10px;

}

	
.flex-container480 a {
	text-decoration:none;
}

.flex-container480 a:visited {
	color:#fff;
	font-weight:bolder;
			
}
	
	.txt {
font-size:0.8em;
	}
	
}






/* --------------for project page -------*/

.proj_heading {
	width:100%;
	margin:0 auto;
	align-items: center;
	text-align:center;
	justify-content:space-around;
}


.proj_heading img{
	width:500px;
	height:auto;
	
}
	



.proj-head-text h1 {
  text-align: center;
  position: relative;
  font-size:2em;
}

.video_container_24 {
    overflow: hidden;
    position: relative; 
	margin-top:20px;
   margin-bottom:20px;
  padding-bottom:56.25%;
  border-radius:0px;
      }


.video_container_24 iframe, .video-container embed{
  position: absolute;
  padding-left:0%;
	width:100%;
	height:100%;
 
 
}

.gallery_24 {
	display:flex;
	flex-wrap:wrap;
	width:100%;
	justify-content:space-evenly;
	margin:0 auto;
	padding-bottom:20px;
		}

.col-text p li{
 color: black;
 font-size:1.3em;  
}


.col-text h3{
 color: black;
 font-size:1.2em;  
}


.thumbnail_proj_24 {
	width:350px;
	height:auto;
	text-align:center;
	border-radius:20px;
	border:2px;
	margin-top:20px;
	}


.thumbnail_proj_24 h4 {
     color:white;
	font-size:1em;
  }

.thumbnail_proj_24 img {
  border-radius: 18px 18px 0 0 ;
  width:98%;
  transform:translateY(1%);
  height:auto;
  margin:0 auto;
	}



@media only screen and (max-width: 480px) {
	.proj_heading img{
	width:400px;
	height:auto;
}

.gallery_24 {

text-align:center;
justify-content:center;
}

	.thumbnail_proj_24 {
	width:320px;
	height:auto;
	text-align:center;
	border-radius:20px;
	border:2px;
	margin-top:20px;
	}
	
.proj-head-text h1 {
  font-size:1.5em;

}
}


/*-----end of project page ---- */