a {
  /*text-transform: uppercase;*/
  text-decoration: none !important;
  color: inherit;
}

a:active, a:focus, a:visited, .btn:active, .btn:focus, .btn:visited {
	outline: 0;
	border: none;
	-moz-outline-style: none
	text-decoration: none !important;
	color: inherit;
}

.section_title{
	color:#4274f1; /*9393fb;rgba(0,26,123,.8); #0099bb; #008ebd;*/
	font-weight:600;
	padding-top: 15px;
	margin-left: -17px;
	text-transform: uppercase;
	letter-spacing: 5px;
	transition: all .5s;
	text-shadow: 1px 1px 2px #ddd;
}

	@media (min-width: 300px) {  
	p.section_title {font-size:20px;} /*1rem = 16px*/
	}
 
	/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
	@media (min-width: 768px) {  
	p.section_title {font-size:20px;} /*1rem = 16px*/
	}
 
	/* Large devices (desktops, 992px and up) */
	@media (min-width: 992px) { 
	p.section_title {font-size:26px;} /*1rem = 16px*/
	}
 
	/* Extra large devices (large desktops, 1200px and up) */
	@media (min-width: 1300px) {  
	p.section_title {font-size:26px;} /*1rem = 16px*/    
	}
	/*responsive section title*/

.center-content{
	display: flex; 
	justify-content: center; 
	align-items: center;
	}
	
.private{
	pointer-events: none;
	user-drag: none; 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
    }
	
/*.footer-bg-overlay {
    background: linear-gradient(90deg, rgba(0,26,123,1), rgba(10,14,41,1)), url("../images/Pranjal_Borah_IIT_Guwahati_Website_Footer.jpg");
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #898989;
    height: 100px;
    margin-top: 20px;
}*/
.footer-bg {
	background: linear-gradient(180deg, rgba(0,26,123,.8), rgba(10,14,41,1));
	height: 76px;
}
.footer-image {
	background-image: url(../images/Pranjal_Borah_IIT_Guwahati_Website_Footer.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 160px;
	/*pointer-events: none;*/
	user-drag: none; 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

.hero-bg {
	background: linear-gradient(90deg, rgba(0,26,123,1), rgba(10,14,41,1));
	height: 477px;
}

.hero-image {
	/*background: linear-gradient(90deg, rgba(0,26,123,1) no-repeat bottom right, rgba(10,14,41,1));*/
	background-image: url(../images/hero-image.svg);
	background-size: contain;
	background-position: right bottom;
	background-repeat: no-repeat;
	height: 380px;
}

.hero-text {
	/*border: #fff 1px solid;*/ 
	padding-top:100px; 
	padding-left: 0px;"
	margin:0px;
}

	@media (min-width: 300px) {  
	p.hero-header1 {font-size:32px;} /*1rem = 16px*/
	p.hero-header2 {font-size:28px;} /*1rem = 16px*/
	p.hero-header3 {font-size:16px;} /*1rem = 16px*/
	}
 
	/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
	@media (min-width: 768px) {  
	p.hero-header1 {font-size:32px;} /*1rem = 16px*/
	p.hero-header2 {font-size:28px;} /*1rem = 16px*/
	p.hero-header3 {font-size:16px;} /*1rem = 16px*/
	}
 
	/* Large devices (desktops, 992px and up) */
	@media (min-width: 992px) { 
	p.hero-header1 {font-size:32px;} /*1rem = 16px*/
	p.hero-header2 {font-size:28px;} /*1rem = 16px*/
	p.hero-header3 {font-size:16px;} /*1rem = 16px*/
	}
 
	/* Extra large devices (large desktops, 1200px and up) */
	@media (min-width: 1300px) {  
	p.hero-header1 {font-size:32px;} /*1rem = 16px*/
	p.hero-header2 {font-size:28px;} /*1rem = 16px*/
	p.hero-header3 {font-size:16px;} /*1rem = 16px*/    
	}
	/*responsive section title*/

.profile-text{
	margin-top: 15px;
	margin-left:0px;
	padding-top:10px;
	padding-left:15px;
	padding-bottom:0px;
	/*box-shadow: 0 6px 10px rgba(0,0,0,.08), 0 0 6px rgba(0,0,0,.05);*/
	border-right:5px rgba(0,26,123,.1) solid; 
}

.profile-photo{
	margin-top: 15px;
	margin-left: auto;
	margin-right:auto;
	margin-bottom:0px;
	border-left:5px rgba(0,26,123,.1) solid;
}

.social-icon-bar{
	padding-left:25px;
	padding-right:25px;
}