@charset "UTF-8";
/* CSS Document */
* { margin: 0; padding: 0; list-style:none;}
body {font-family: 'Spartan', sans-serif; color:#353535; 
 -webkit-font-smoothing: subpixel-antialiased;font-size:20px; font-weight:300; text-decoration:none;  background-color:white; -moz-hyphens:auto ; -o-hyphens: auto; -webkit-hyphens: auto;  hyphens: auto;hyphenate-limit-chars: auto 4;-moz-hyphenate-limit-line: 4;-moz-hyphens-limit-chars: auto 3;-webkit-hyphens: auto;-webkit-hyphenate-limit-chars: auto 3;-webkit-hyphenate-limit-lines: 4;-ms-hyphens: auto;-ms-hyphenate-limit-chars: auto 3;-ms-hyphenate-limit-lines: 4;background-image: url(); background-size: cover; background-repeat: no-repeat; background-position: center ;line-height:;}

a {text-decoration: none; color:#353535 ; font-weight: 600;}
a:hover{text-decoration: none; color:red }
.headerimg {color:white;     background: center / cover no-repeat url("img/fwh.jpg");width:100%;  margin:auto;
font-weight:600; display: block; text-align: center ;padding: 300px 0 100px 0px;  overflow: hidden; 
}
#topframe {font-weight:600; display: block; text-align: center ;padding: 250px 0px 20px 0px;  overflow: hidden; margin:auto auto auto auto; width: 100%;    }
#bottomframe {overflow: hidden; width: 100%;  bottom:0; text-align: center; position: relative; bottom:0;z-index:12;margin-top:50px;}
calendar {margin:auto; display:block; max-width: 1200px; min-width:800px;background:;padding:0 20px}
left{display:inline; width:33%; background:;float:left; }
middle{display:inline; width:33%; background:;float:left;}
right{display:inline; width:33%; background:;float:left;}
li {border:.1px solid purple; overflow: auto; margin:0 0 20px 0; padding: 20px 10px 16px 10px; border-radius: 3px; }
lo { overflow: auto; margin:0 0 20px 0; padding: 20px 0 ; font-weight: bold}
li:hover {background: #f0f0f0; cursor: pointer;}

.content {font-weight:300;
	overflow: hidden; line-height: 2em;
	margin: 100px auto;
	display:block;
	max-width: 800px;
	min-width:600px;
	padding:20px 20px;



}

.blink_text{	
  animation-name:blink;
  font-weight:900;
  animation-duration:0.7s;
  animation-timing-function:ease-in;
  animation-iteration-count:Infinite;
  }
  @keyframes blink{
0%{color:yellow;}
20%{color:green;}
40%{color:red;}
60%{color:blue;}
80%{color:purple;}
100%{color:yellow;}}
.box{
  animation: animName 2.4s linear infinite;
width:130px;}
@keyframes anim12Name {0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}}
@keyframes animName {from {transform: rotateY(45deg);} to {transform: rotateY(400deg);}}