/**
font-family: 'Playfair Display', serif;
font-family: 'Roboto', sans-serif; **/
body{font-family: 'Roboto', sans-serif !important;}

.academic-bg{background-image:url(https://cdn.virtueanalytics.com/cache/acadmic-section-2025.jpg); background-repeat:no-repeat; background-size:100%; background-position:center 20%; position:relative;  z-index:10;}
.high-ed{right:-178px; width:450px; top:100px;}

.high-ed h2{    line-height: initial;}
.navbar-nav a {color:#78151c !important;}
.banner-h{height:580px !important;}

.lyon-blue{background-color:#0c172b;}
.lyon-red{background-color:#78151c;}
.lyon-yellow{background-color:#ffcf01;}
.lyon-sky{background-color:#3fb3e2;}
.text-yellow-lyon{color:#ffcf01;}

@media screen and (max-width:1180px) {
.red-line{height:auto !important; background-color:inherit !important;}
.high-ed {position:static !important; width:100%; margin:0 auto !important; text-center; right:0px !important;}
	.banner-h{height:400px !important;}
}

@media screen and (max-width:1024px) {
.high-ed{left:20px; width:270px;}
.high-ed h2{  font-size:32px;}
}

@media screen and (max-width:800px) {
.red-line{height:auto !important; background-color:inherit !important;}
.high-ed {position:static !important; width:100%;}
.banner-h{height:200px !important;}
 .academic-bg{background-image: inherit !important;}
}
.heading-r{font-family: 'Roboto', sans-serif !important;}
.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.column {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

@media (min-width: 576px) {
  .column {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
    
}

@media (min-width: 768px) {
  
  .column {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (min-width: 992px) {
  .column {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}

.title {
  margin-bottom: 25px;
	text-align: center;
}

.title h1 {
  font-size: 25px;
	color: #000000;
}

.credit {
	text-align: center;
	font-size: 20px;
	font-weight: 400;
}

.credit a {
	font-weight: 900;
	color: #000000;
	text-decoration: underline;
}

img {
    width: 100%;
    height: auto;
}

/********** Effect #1 CSS *********/
.effect-1 {
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
  height: 250px;
}

.effect-1 .effect-img {
  font-size: 0;
}

.effect-1 .effect-img img {
  width: 100%;
  height: auto;
}

.effect-1 .effect-text {
  position: absolute;
  width: 100%;
  height: 100%;
  padding:20px;
  top: calc(100% - 0px);
  left: 0;
  text-align: center;
  background: rgba(0, 0, 0, .8);
  transition: .5s;
  right:0;
}

.effect-1 .effect-text svg{margin:0 auto; margin-bottom: 4px;}

.effect-1:hover .effect-text {
  top: 0;
}

.effect-1 .effect-text h2 {
  color: #ffffff;
  margin: -15px 0 0 0;
  transition: .5s;
  font-weight: 500 !important;
  font-family: Arial, Helvetica, sans-serif;
}

.effect-1:hover .effect-text h2 {
  margin: 0;
}

.effect-1 .effect-text p {
  color: #ffffff;
  font-size: 14px;
  margin: 4px 0 4px 0;
}

.effect-1 .effect-btn .btn {
  display: inline-block;
  height: 35px;
  padding: 7px 15px;
  color: #333333;
  background: #ffffff;
  text-decoration: none;
}