body, html {
  height: 100%;
  margin: 0;
	font-family: Manrope;
	font-style: normal;
	font-weight: lighter;
	font-weight: normal;

	color: rgba(0,47,108,1);  
}

a {
	font-family: Manrope;
	font-style: normal;
	font-weight: 500;
	font-weight: normal;
	color: rgba(0,47,108,1);
  text-decoration:underline;
}

a.btn {text-decoration:none;}

a:hover {
  text-decoration:underline;
}


.bg {
  /* The image used */
  background-image: url("../img/bg.png");

  /* Full height */
  height: 100%; 

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


.row {margin-bottom:50px;}


#banner_logo {
  position:absolute;
  top:13%;
  left:7%;
  width:40%;
}

#banner_welcome {
  font-family:Manrope;
  font-size:3vw;
  color:#ffffff;
  
  position:absolute;
  top:43%;
  left:7%;
}


.border_line {
  position: relative;
  z-index : 1;
}

.border_line:before {
  content : "";
  position: absolute;
  left    : 1.3vw;
  top  : 0;
  height  : 1px;
  width   : 80%;  /* or 100px */
  border-top:1px solid rgba(0,47,108,1);
}


.nav-link:link {
	text-transform:uppercase;
	font-size:1.0vw;
	font-weight:800;
	text-decoration: none;
}


.nav-link:hover {
	color: var(--bs-heading-color);
}

.nav-link:active {
	color: var(--bs-heading-color);
}

article container {padding: 100px 0;}

.progtable th, .progtable td  {text-align: center;border:none;vertical-align:middle;padding:12px;}
.progtable > tbody > tr > td.reg,
.progtable > tbody > tr > td.sect,
.progtable > tbody > tr > td.break,
.progtable > tbody > tr > td.social {border:4px solid #ffffff;}

.progtable > tbody > tr > td.time {text-align: left;}

.progtable > tbody > tr > td.reg {background-color: #F0F8FF;}
.progtable > tbody > tr > td.sect {background-color:#002f6c;color:#ffffff;}
.progtable > tbody > tr > td.break {background-color:#ededed;}
.progtable > tbody > tr > td.social {background-color:#FFC300;}




@media screen and (max-width: 600px) {

  body, html {
    font-size: 10px;
  }

  #banner_logo {
    width:50%;
  }

  #banner_welcome {
    font-size:18px;
    top:25%;
  }
  
  
}



@media screen and (max-width: 800px) {
  .navbar-nav > .nav-item > a {
		font-size:12px !important;
  }

  .navbar-nav {
		padding: 0 20px;
		text-align: left;
    position:absolute;
    top:45px;
    right:0;
    background-color:#ffffff;
    width:100%;
  }
	
}