.m{
  font-family: 'Morn-Medium';
}
.b{
  font-family: 'Morn-Bold';
}
.ub{
  font-family: 'Morn-UltraBold';
}
.db{
  font-family: 'Morn-DemiBold';
  font-weight: 600;
}
.r{
  font-family: 'Morn-Regular';
}
.l{
  font-family: 'Morn-Light';
}
body {
	background-color: #FCFCFC;
    overflow-x: hidden !important;
    font-family: 'Morn-Regular';
    line-height: 2;
	}
.container-fluid{
    padding-right:0;
    padding-left: 0;
}
body::-webkit-scrollbar {
    width: 0;
  }
  
.nav{
    background-color: #A51313 !important;
    color: #F4F4F4 !important;
    padding: 20px 20px 0 20px;
}

.nav-tabs {
    border-bottom: 2px solid #BC3333;
}

.nav>.nav-item>.active{
    background-color: #BC3333 !important;
    border: none;
    color: #F4F4F4;
    font-weight:500;
}


.navbtn{
    color: #F4F4F4;
    font-weight:500;
 width: 70px;
}

.tab-content{
    background-color: #FCFCFC !important;
}

/* Science Tab */

.arrow{
  font-size: 22pt;
  margin: 0px 15px -8px 15px;
}
li{
  list-style: none;
}

.list ul li {
  list-style:disc;
}

.req{
  padding: 10px;
  border: 1px dashed #757575;
  background-color: #cecece;
}
/* Quiz tab */
#question {
	font-size: 30px;
	color: #5a6772;
}

.button-grp {
	margin-top: 30px;
}

#btn0, #btn1, #btn2, #btn3 {
	background: #405CA1;
	width: 250px;
	font-size: 20px;
	border: 1px solid #1d3c6a;
	border-radius: 50px;
	margin: 10px 40px 10px 7.6px;
	padding: 10px 10px;
	color: #fff;
}

#btn0:hover, #btn1:hover, #btn2:hover, #btn3:hover {
	cursor: pointer;
	background: #2D85A4; /*come here*/
}

#btn0:focus, #btn1:focus, #btn2:focus, #btn3:focus {
	outline: 0;
}

#progress {
	color: #2b2b2b;
	font-size: 18px;
}

@media (max-width: 480px) {
  body {
      background-color: red;
  }
}

/* Media Query for low resolution  Tablets, Ipads */
@media (min-width: 481px) and (max-width: 767px) {
  #boardcontent li {
    font-size: 12px !important;
  }
  #guidelines {
    font-size: 12px !important;
  
  }
    .navbtn2{
        color: #F4F4F4;
        font-weight:500;
        margin: 0 2px;
        width: 140px;
        font-size: 15px !important;
    }
    #btn-bg {
      top: 8% !important;
      left: 57% !important;
  }
}

/* Media Query for Tablets Ipads portrait mode */
@media (min-width: 768px) and (max-width: 1024px){
  #boardcontent li {
    font-size: 9px !important;
  }
  #guidelines {
    font-size: 9px !important;
  
  }
    .navbtn2{
        color: #F4F4F4;
        font-weight:500;
        margin: 0 2px;
        width: 120px;
        font-size: 14px !important;
    }
    #btn-bg {
      top: 6% !important;
      left: 57% !important;
  }
  .eprouvette{
    height:120px !important;
  }
}

/* Media Query for Laptops and Desktops */
@media (min-width: 1025px) and (max-width: 1280px){
  #boardcontent li {
    font-size: 11px !important;
  }
  #guidelines {
    font-size: 12px !important;
  
  }
    .navbtn2{
        color: #F4F4F4;
        font-weight:500;
        margin: 0 2px;
        width: 140px;
        font-size: 15px !important;
    }
    #btn-bg {
      top: 8% !important;
    left: 57% !important;

  }
}
@media (min-width: 1281px) {
  .eprouvette {
 
    height: 200px !important;
  }
  #boardcontent li {
    font-size: 14px !important;
  }
  #guidelines {
    font-size: 14px !important;
  
  }
  .navbtn2{
    color: #F4F4F4;
    font-weight:500;
    margin: 0 2px;
    width: 140px;
    font-size: 16px !important;
}
#btn-bg {
  top: 10% !important;
  left: 56% !important;
}}

@media (min-width: 1422px) {
  .eprouvette {
 
    height: 200px !important;
  }
  #boardcontent li {
    font-size: 14px !important;
  }
  #guidelines {
    font-size: 14px !important;
  
  }
    .navbtn2{
        color: #F4F4F4;
        font-weight:500;
        margin: 0 2px;
        width: 140px;
        font-size: 14px !important;
    }
    #btn-bg {
      top: 5% !important;
      left: 56% !important;
  }
}
@media (min-width: 1706px) {
  .eprouvette {
 
    height: 200px !important;
  }
  #boardcontent li {
    font-size: 18px !important;
  }
  #guidelines {
    font-size: 18px !important;
  
  }
    .navbtn2{
        color: #F4F4F4;
        font-weight:500;
        margin: 0 2px;
        width: 140px;
        font-size: 18px !important;
    }
    #btn-bg {
      top: 10% !important;
      left: 56% !important;
  }
}
@media (min-width: 1600px) {
  .eprouvette {
 
    height: 200px !important;
  }
  #boardcontent li {
    font-size: 16px !important;
  }
  #guidelines {
    font-size: 16px !important;
  
  }
    .navbtn2{
        color: #F4F4F4;
        font-weight:500;
        margin: 0 2px;
        width: 140px;
        font-size: 16px !important;
    }
    #btn-bg {
      top: 9% !important;
      left: 56% !important;
  }
}
@media (min-width: 1920px) {
  .eprouvette {
 
    height: 200px !important;
  }
  #boardcontent li {
    font-size: 18px !important;
  }
  #guidelines {
    font-size: 18px !important;
  
  }
    .navbtn2{
        color: #F4F4F4;
        font-weight:500;
        margin: 0 2px;
        width: 140px;
        font-size: 20px !important;
    }
    #btn-bg {
      top: 12% !important;
      left: 56% !important;
  }
}
#copyright {
  text-align: center;
}
#attend{
  color:red;
}
/* .green {
  color: #212529 !important;
} */