@keyframes animate-fade-in-up {
0% {
   opacity: 0;
   transform: translate(0px,100px) rotate(0deg);
}
100% {
   opacity: 1;
   transform: translate(0px,0px) rotate(0deg);
}
}
h1,
.h1 {
   --color: #000000;
   color: #000000;
   display: inline;
   font-size: 32px;
   font-weight: bold;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-decoration: none;
   font-family: "Open Sans Bold";
}
h2,
.h2 {
   --color: #000000;
   color: #000000;
   display: inline;
   font-size: 27px;
   font-weight: bold;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-decoration: none;
   font-family: "Open Sans Bold";
}
h3,
.h3 {
   --color: #000000;
   color: #000000;
   display: inline;
   font-size: 24px;
   font-weight: bold;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-decoration: none;
   font-family: "Open Sans Bold";
}
h4,
.h4 {
   --color: #000000;
   color: #000000;
   display: inline;
   font-size: 21px;
   font-style: italic;
   font-weight: bold;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-decoration: none;
   font-family: "Open Sans Bold";
}
h5,
.h5 {
   --color: #000000;
   color: #000000;
   display: inline;
   font-size: 19px;
   font-weight: bold;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-decoration: none;
   font-family: "Open Sans Bold";
}
h6,
.h6 {
   --color: #000000;
   color: #000000;
   display: inline;
   font-size: 16px;
   font-weight: bold;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-decoration: none;
   font-family: "Open Sans Bold";
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 980px) {
}
@media only screen and (max-width: 800px) {
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 480px) {
}