*{
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body{
  background-color: #ebebeb;
  color: #2e2f2e;
  -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  font-family: avenir, openSansRegular;
}
@font-face {
    font-family: montserrat;
    src: url('_font/montserrat-font/montserrat-regular-webfont.eot');
    src: url('_font/montserrat-font/montserrat-regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('_font/montserrat-font/montserrat-regular-webfont.woff2') format('woff2'),
         url('_font/montserrat-font/montserrat-regular-webfont.woff') format('woff'),
         url('_font/montserrat-font/montserrat-regular-webfont.ttf') format('truetype'),
         url('_font/montserrat-font/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: avenir;
    src: url('_font/avenir-regular/avenir-regular.eot');
    src: url('_font/avenir-regular/avenir-regulard41d.eot?#iefix') format('embedded-opentype'),
         url('_font/avenir-regular/avenir-regular.woff2') format('woff2'),
         url('_font/avenir-regular/avenir-regular.woff') format('woff'),
         url('_font/avenir-regular/avenir-regular.ttf') format('truetype'),
         url('_font/avenir-regular/avenir-regular.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: varelaRound;
    src: url('_font/varela-round-regular/varelaround-regular-webfont.eot');
    src: url('_font/varela-round-regular/varelaround-regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('_font/varela-round-regular/varelaround-regular-webfont.woff2') format('woff2'),
         url('_font/varela-round-regular/varelaround-regular-webfont.woff') format('woff'),
         url('_font/varela-round-regular/varelaround-regular-webfont.ttf') format('truetype'),
         url('_font/varela-round-regular/varelaround-regular-webfont.svg#varela_roundregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: openSansRegular;
    src: url('_font/opensans-regular/OpenSans-Regular-webfont.eot');
    src: url('_font/opensans-regular/OpenSans-Regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('_font/opensans-regular/OpenSans-Regular-webfont.woff') format('woff'),
         url('_font/opensans-regular/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('_font/opensans-regular/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.container{
  width: 100%;
}
.container01{
  width: 100%;
}
#headerContainer{
  width: 100%;
  height: 125px;
  /*background-color: #212120;*/
  background-image: url(_image/background-image.png);
  background-size: cover;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  box-shadow: 0 0 10px #333;
}
#logoContainer{
  width: 15%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
#mainParaContainer{
  width: 70%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
#rightSidePhotoContainer{
  width: 15%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
#iitgLogo{
  width: 100px;
  height: 100px;
  background-image: url(_image/iitg-logo.png);
  background-size: cover;
  border-radius: 50%;
  box-shadow: 0 0px 20px #333;
}
#mainPara{
  font-family: montserrat,sans-serif, Arial;
  color: lightgray;
  font-size: 2.0em;
  font-weight: 500;
  text-align: center;
  /*color: #2d2613;*/
}
#mainPara1{
  text-align: center;
  font-size: 0.6em;
  font-family: avenir, varelaRound,sans-serif, Arial;
}
#rightSidePhoto{
  width: 100px;
  height: 100px;
  border-radius: 50%;
  box-shadow: 0 0 20px #000;
}
.container02{
  width: 100%;
}
#navBar{
  width: 100%;
  height: 45px;
  /*background-color: #678d89;*/
  background-color: #0EA474;
  box-shadow:  0 0px 20px #212120;
}
#mainLinks{
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
#mainLinks ol,li{
  list-style: none;
}
#mainLinks li{
  padding: 15px;
  font-family: varelaRound, avenir, openSansRegular,sans-serif, Arial;
  font-size: 0.95em;
  opacity: 0.8;
  font-weight: bold;
  color: #fff;

}
#linkHome{
  color: #263432;
}
#linkHome:link{
  text-decoration: none;
}
#linkHome:hover{
  border-bottom: 2px dotted #263432;
}
#linkResearch{
  color: #263432;
}
#linkResearch:link{
  text-decoration: none;
}
#linkResearch:hover{
  border-bottom: 2px dotted #263432;
}
#linkResearchTeam{
  color: #263432;
}
#linkResearchTeam:link{
  text-decoration: none;
}
#linkResearchTeam:hover{
  border-bottom: 2px dotted #263432;
}
#linkPublications{
  color: #263432;
}
#linkPublications:link{
  text-decoration: none;
}
#linkPublications:hover{
  border-bottom: 2px dotted #263432;
}
#linkInvestigator{
  color: #263432;
}
#linkInvestigator:link{
  text-decoration: none;
}
#linkInvestigator:hover{
  border-bottom: 2px dotted #263432;
}
#linkContact{
  color: #263432;
}
#linkContact:link{
  text-decoration: none;
}
#linkContact:hover{
  border-bottom: 2px dotted #263432;
}
#linkAchievements{
  color: #263432;
}
#linkAchievements:link{
  text-decoration: none;
}
#linkAchievements:hover{
  border-bottom: 2px dotted #263432;
}