body {
	font-family: 'Pathway Gothic One', sans-serif;
	}

ul {
              list-style-type: none;
              margin: 0;
              padding: 0;
              overflow: hidden;
              background-color: #fff;
              color:#000;
            }
            
            li {
              float: left;
            }
            
            li a {
              display: block;
              color: white;
              text-align: center;
              padding: 16px;
              text-decoration: none;
              color:#000;
            }
            
            li a:hover {
              background-color: #111111;
              color:#fff;
            }
h4 {
margin: 0 auto;
width:400px;
font-size:28px;
text-align:center;	
}
.banner {            
	width: 900px;
	margin: 0 auto;
	display: block;
	padding-top:50px;
}
.short {
	padding-top:10px;
}
.banner img {
	width: 900px;
}
.bdr {
	border: 1px solid #999;
	border-radius:10px; 
}
.placeLeft {
	float:left;
	width:50%;
	margin-top:10px;


}
.placeRight {
	float:right;
	width:50%;
	margin-top:10px;

}
.puzzleTitle {
	width: 100%;
	text-align:center;
	font-size:28px;
}

.cpyrt {
	    clear: both;
    width: 100%;
}

.modal {
    position: fixed;
    background: rgba(0, 0, 0, .6);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.modal-content {
    width: 700px;
    height: 700px;
    background: white;
    padding: 20px;
    border-radius:10px;
}
.close-modal {
	padding:5px;
	float:right;
}
.visually-hidden {
  position: absolute !important;
  height: 1px; width: 1px; 
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

*:focus {
    outline: 0px solid blue;
}