#app-header{background-color:#efefef; border-top:4px solid #ab946c; border-bottom:6px solid #990000;}
.header-nav{margin-top:-10px; font-weight:700;}
.header-nav li a{color: #ffffff !important; text-transform: uppercase; background: #990000; padding:5px; border-radius: 6px;  display: inline-block;
}
/* Hide the "Drop Course" button that appears for students who have self-enrolled. */

.Dropdown__Toggle--cog {display:none;}

.header-nav li a:hover{ color: #ffffff !important; background: #ab946c; border-color: #f6b93b !important; transition: all 0.4s ease 0s;}

.header-nav li a:active{ color: #ffffff !important; background: #ab946c; border-color: #f6b93b !important; transition: all 0.4s ease 0s;}

.banner{background-image:url('https://i.pinimg.com/originals/64/a3/0c/64a30c31c2f4e2814d4c43fb6fc923ae.jpg');  background-size:cover; text-align:center; margin:auto; width:100%; background-color:#ff0000; font-weight:bold; font-weight:bold; color:#ffffff; display:block; width:100%; }
.banner div{padding:50px;margin:auto; overflow-wrap: break-word; word-wrap:break-word;}
.welcome{font-size:35px; display:block; }
.slogan{font-size:55px; font-weight:bold; }

@media only screen and (max-width: 1000px) {
.welcome{font-size:30px; }
 .slogan{font-size:40px;}
  }

@media only screen and (max-width: 800px) {
.welcome{font-size:20px; } 
.slogan{font-size:30px;}
  }


@media only screen and (max-width: 600px) {
.banner{display:none;}
  }