@charset "UTF-8";
 p{line-height: 1.4em;}
      section{display:block;opacity:1; 
        top: 50%;
  transform: translateY(-50%);
      }
      html, body{min-height:100%;
      background-image:url(../images/BG.jpg);
      background-size: cover;
          background-color: #41367e;
      }
      #bg{background-size:cover;}
      h2 img{position:relative;
          box-shadow: 3px 3px 5px rgba(0,0,0,.4);
      top:8px; left:-8px;}
      #logo{left:-160px;}
      h2.course{margin: 0 0 10px 30px;}
      
      .popup{
                width:70%; 
                background:rgba(255, 255, 255, .82);
                border-radius:12px; 
                font-size:16px;
                padding:25px; 
                position:absolute; 
                top:70px; 
                left: 15%;
                opacity:0; 
                line-height:1.75em;
                pointer-events:none; 
                box-shadow:8px 6px 40px rgba(0, 0, 0, 0.4);
			    transition:all .33s ease;
                transform:scale(.7);
            }
      .x{position:absolute; 
                right:-10px; 
                top:-10px;
                padding:3px 8px;
                background:#000; 
                border-radius:50%; 
                line-height:33px; 
                width:50px; 
                height:50px;
                border:2px solid #fff;
                pointer-events:all;
            }
      a, a:visited{color: #000;}
      a:hover{color:#fff;}
      .popup a{color: #fff;}
      .popup img{float:left; max-width:200px;}
      .popup p, .popup h2, .popup h3{margin-left: 220px;}
      h3{background:#2b77b9; display: none; padding: 3px 1em; pointer-events:all;}
      .popup ul{margin-left: 240px;}
      .popup:target{opacity:1;transform:scale(1);} 
	  .popup:target h3{display:inline-block;} 
	  
	  @media only screen and (max-width: 600px) {
		  .popup{width:90%; left: 5%;}
		  .popup img{ max-width:80px; margin-right:5px;}
		   .popup p, .popup h2, .popup h3, .popup ul{margin-left: 0px;}
	  }/* CSS Document */