/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-top: 8rem;
  color: #5a5a5a;
  background-color:#003060;
}

.nounderline{
  text-decoration:none!important;
}

.fade{
  background-color:rgba(0, 0, 0, 0.8);
}
.modal-content{
  background-color:rgba(0, 0, 0, 0);
  border-style:none;
}
.close span{
  color:white;
}
.course-div a img,
.course-div .modal-body img{
  width:100%;
  height:auto;
}


/* Extra small devices (portrait phones, less than 576px) */
@media screen and (max-width: 575.98px){
  #body-container{
	margin-bottom:4vh;
  }
  .title{
	margin-bottom:2vh;
  }
  .close span{
    font-size:40px;
  }
  #course-vertical{
	display:none;
  }
  .course-div p{
	font-size:16px;
	font-weight:bolder;
  }
  #course-space{
	display:none;
  }
}

/* Small devices (landscape phones, 576px and up) */
@media screen and (min-width: 576px) and (max-width: 767.98px){
  #body-container{
	margin-bottom:4vh;
  }
  .title{
	margin-bottom:6vh;
  }
  .close span{
    font-size:40px;
  }
  #course-vertical{
	display:none;
  }
  .course-div p{
	font-size:16px;
	font-weight:bolder;
  }
  #course-space{
	display:none;
  }
}

/* Medium devices (tablets, 768px and up) [ | ]  */
@media screen and (min-width: 768px) and (max-width: 991.98px) and (orientation: portrait){
  #body-container{
	margin:3vh auto;
  }
  .title{
	margin-bottom:2vh;
  }
  .close span{
    font-size:45px;
  }	
  #course-horizontal{
	display:none;
  }
  .course-div p{
	font-size:14px;
	font-weight:bolder;
  }
}

/* Medium devices (tablets, 768px and up) [ - ]  */
@media screen and (min-width: 768px) and (max-width: 991.98px) and (orientation: landscape){
  #body-container{
	margin:4vh auto;
  }
  .title{
	margin-bottom:5vh;
  }
  .close span{
    font-size:45px;
  }
  #course-horizontal{
	display:none;
  }
  .course-div p{
	font-size:14px;
	font-weight:bolder;
  }
}

/* Large devices (desktops, 992px and up) */
@media screen and (min-width: 992px) and (max-width: 1199.98px){
  #body-container{
	margin:3vh auto 4vh auto;
  }
  .title{
	margin-bottom:3vh;
  }
  .close span{
    font-size:45px;
  }
  #course-horizontal{
	display:none;
  }
  .course-div p{
	font-size:20px;
	font-weight:bolder;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media screen and (min-width: 1200px) and (max-width: 1439.98px){
  #body-container{
	margin:5vh auto 6vh auto;
  }
  .title{
	margin-bottom:3vh;
  }
  .close span{
    font-size:45px;
  }
  #course-horizontal{
	display:none;
  }
  .course-div p{
	font-size:18px;
	font-weight:bolder;
  }
}

/* Extra large devices (large desktops, 1440px and up) */
@media screen and (min-width: 1440px){
  #body-container{
	margin:4vh auto 5vh auto;
  }
  .title{
	margin-bottom:3vh;
  }
  .close span{
    font-size:45px;
  }
  #course-horizontal{
	display:none;
  }
  .course-div p{
	font-size:18px;
	font-weight:bolder;
  }
}