body { margin:0px; font-family:Segoe UI; background-image: url("images/body_bg.jpg")}
a {color:inherit; text-decoration:none  }
hr {width:80px; height:5px; background-color:Blue; }
ul{ text-decoration:none; list-style:none}
td{ vertical-align:top; color:White; padding:10px}
.house{ padding:50px 100px; background-color:white}
.btn{ background-color:#c00; padding:5px 10px; color:White; border-radius: 10px; margin-right:20px;}
.btn:hover { background-color:white; padding:5px 10px; color:#c00; border-radius: 10px; margin-right:20px;}
.special{ background-image: url("images/bkg.jpg"); background-position:center; background-repeat:no-repeat}
#port li{ line-height:2.5em }
#sch_header
{
  padding:20px 100px ; 

  }
  .active{ display: none}
     #menu{display:block}       
  #menu li     
{display:inline;
 width:0 auto;
 padding: 20px;
 font-size:1.125em;
 color:#fff;
 border: thin solid #530000;
 border-radius:5%;
 vertical-align:middle;
 opacity:0.7;
 background-color:#530000;
 margin-left:10px
}
  #menu li:hover
  {
      border:thin solid white;
 border-radius:5%;
 background-color:gray;
 transition: ease 1s;
 color:black;
 opacity:1;
 
 
  }
      
      #icon {float:right} 
      
      .adjust
      { margin-top:-230px;  position:relative;  z-index:-4;}
      .cntrl div{display:inline-table  }
      #hdr{width: 65%}
      #welc
      {
       Font-family:Segoe UI Light;
       font-size: 3em;
       font-weight:500
       }
       #enrol
       {    width: 30%; 
            border-radius: 10px;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
            padding-bottom: 20px; 
            background-color: #003
       }
       .about{line-height:2em}
      .text {color:gray; font-size:1em; line-height:23px}
      .sub_head{ font-size:1.5em; color: White; text-align:center; font-family:Segoe UI Light; font-weight:500}
      .normal{ font-size:2.5em;font-family:Segoe UI Light; font-weight:500; text-align:center}
      .sect div{width:22.5%; padding:10px; text-align:center }
      .image_:hover{ box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
      .sub2{ font-size:1.5em; font-family:Segoe UI Light; font-weight:500; padding-top: 5px}
      .cal { width:30%; padding:0px 1.5%}
      .cal_info {border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding:10px 3px; }
      .cal p img{width: 40px; height: 50px; float:left; padding-right:15px}
      .cal_info span{display:inline-table; }
      .cal_info:hover{color:#c00}
      .bkgrund{ border-top:5px solid #dadae7}
      .colorBg{ background-color:#f9f9fb}
      footer{ background-image: url("images/body_bg.jpg")}
      
            @media screen and (max-width:780px)
	      {
	          #sch_header {padding:20px 50px}
	          .active{ display:block; color:White}
	          #menu {background-color:Black; display:none; overflow: hidden; position:absolute}
	          #menu li {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 1.0625em;
  display: block;
  width:auto;
  text-align:left;
  margin-left:-40px;
  
  }  
  #menu li a:hover{border:none}
   #menu li:hover
  {
      border:none;
      background-color: #ddd;
      color: black;
}
  
              .house{ padding:30px 50px}
	          .cntrl div { display: block; margin: 0 auto; padding: 20px 50px }
	          #hdr{width: 100%}
	           #enrol{ width: 100%}
	       .sect div{width: 100%; padding:10px; text-align:center }
	          .cal { width:100%; }
	          #news{min-height: 400px} 
	           
	      }