.header{
    position: fixed;
    top: 0px;
    width: 100%;
    height: 60px;
    background-color: #fff;
    filter:alpha(opacity=80); /* IE 6,7*/
    -ms-filter: "alpha(opacity=80)"; /* IE 8,9 */
    -moz-opacity:0.8; /* FF , Netscape */
    -khtml-opacity: 0.8; /* Safari 1.x */
    opacity:0.8;
    zoom:1; /*IE*/
    border-bottom: 1px solid #ccc;
    z-index: 9999;
}
h1{
  margin-top:20px;
  font-size:30px;
  font-family: 'STIX Two Text', serif;
  line-height: 0px;
}
h2{
  margin-top:-30px;
  font-family: 'STIX Two Text', serif;
  font-size:2em;
  line-height: 0px;
}

.content{
  width: 100%;
  text-align: center;
}
.sec{
  text-align: left;
  font-color:#000;
  font-size:16px;
}
.my-big{
   font-size: 1.05em;
}
.my-small{
   font-size: 0.9em ;
}

img{
  border: 1px #fff;
  border-radius:10px;
} 

.sec{
  text-align: left;
   font-family:Arial; 
  font-color:#000;
  font-size:18px;
}
.sec a:link{
   color:#000;
}
.sec a:visited{
   color:#000; text-decoration:none;
}
h1, h2, h3, h4, h5{
   text-align:center; color:#000;
}
a:link{
   color:#000; text-decoration:none;
}
a:visited{
   color:#000; text-decoration:none;
}
a:hover{
   color:#ff0000; text-decoration:none;
}

@media screen and (max-width: 959px) {
h2{
   margin-top:-30px;
  font-family: 'STIX Two Text', serif;
  font-size:2em;
  line-height: 0.1em;
}

.sec{
  text-align: left;
   font-family:Arial; 
  font-color:#000;
  font-size:16px;
}

.sp {
    width: 32px;
    height: 15px;
}
}