header {height: 60px;line-height: 60px;
  border-radius: 0 0 5em 5em;-webkit-border-radius: 0 0 5em 5em;
  box-shadow: 0 0 5px #333;-webkit-box-shadow: 0 0 5px #333;
  color: #F6B63C;font-weight: bold;
  background:RGBA(0, 0, 0, 0.73);
}
footer {position: fixed;bottom: 0;width: 100%;padding: 20px 0;
  border-radius: 5em 5em 0 0;-webkit-border-radius: 5em 5em 0 0;
  box-shadow: 0 0 5px #333;-webkit-box-shadow: 0 0 5px #333;
  color: #F6B63C;font-weight: bold;
  background:RGBA(0, 0, 0, 0.73);
}
#ward {max-width: 420px;background: rgba(255,255,255,.8);padding: 1em;margin: 1em auto;text-align: center;
  border-radius: 2em;-webkit-border-radius: 2em;
  box-shadow:0 0 1em #333;-webkit-box-shadow:0 0 1em #333;
}
#ward .logo {border-radius:1em;-webkit-border-radius:1em;}
#social {padding:5px;}
#social img:hover {transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);}
.circle {
    display: inline-block;vertical-align: top;width:150px;height:150px;margin: 1em;overflow: hidden;
    border: 10px solid rgba(0,0,255,0.5);border-radius:100px;-webkit-border-radius:100px;text-align: center;
    box-shadow: 0px 0px 5px #333;-webkit-box-shadow: 0px 0px 5px #333;background:#fff;
    /* CSS 3 */
    -moz-transition: all 1000ms linear 0s;
    -ms-transition: all 1000ms linear 0s;
    -webkit-transition: all 1000ms linear 0s;
    -o-transition: all 1000ms linear 0s;
    /* end CSS 3 */
}
.circle:hover {border: 5px solid rgba(0,90,100,0.5);color: #fff;text-shadow: 0px 0px 10px yellow;box-shadow: 0px 0px 15px #333;
    -moz-transition: all 1000ms linear 0s;
    -ms-transition: all 1000ms linear 0s;
    -webkit-transition: all 1000ms linear 0s;
    -o-transition: all 1000ms linear 0s;
}
.circle a {font-weight:bold;}
.pwww {-moz-transition: all 700ms linear 0s;-ms-transition: all 700ms linear 0s;-webkit-transition: all 700ms linear 0s;-o-transition: all 700ms linear 0s;}
.pwww:hover {-moz-transition: all 700ms linear 0s;-ms-transition: all 700ms linear 0s;-webkit-transition: all 700ms linear 0s;-o-transition: all 700ms linear 0s;}
.int{box-shadow:0 0 2px #000;padding:10px;border-bottom:3px solid #F6B63C;margin:1em auto;background: rgba(255, 255, 255, 0.71);border-radius:1em;}
.int h3{color:#F6B63C;background: #000;padding:4px;margin:0;}
.logo img{margin-top:2em;max-width:100%;}
#sos {position: fixed;top:1em;right: -82px;width: 120px;}
#sos .sos {border-radius: 5px 0 0 5px;overflow: hidden;margin-bottom: 4px;direction: ltr;}
#sos .sos:hover {margin-left: -82px;}
#sos .sos .sia {background: #666;display: inline-block;height: 37px;vertical-align: top;width: 32px;}
#sos .sos .sab {color: #fff;font-weight: bold;line-height: 37px;display: inline-block;vertical-align: top;text-align: center;padding-left: 12px;}
#sos .face {background-color: rgb(59, 89, 152);}
#sos .twit {background-color:#55ACEE;}
#sos .inst {background-color:#D8CBB8;}