@media all {
  .header_slogan {
    animation-name: header_slogan_anim;
    animation-duration: 7s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards; }
@keyframes header_slogan_anim {
      0% {
        opacity: 0; }
      27% {
        opacity: 0; }
      60% {
        opacity: 1; }
      100% {
        opacity: 1; } }
  .header_logo_2 {
    animation-name: header_logo_2_anim;
    animation-duration: 7s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards; }
@keyframes header_logo_2_anim {
      0% {
        opacity: 0; }
      50% {
        opacity: 1; }
      100% {
        opacity: 1; } }
  .header_image_2 {
    animation-name: header_image2_anim;
    animation-duration: 7s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards; }
@keyframes header_image2_anim {
      0% {
        opacity: 0; }
      50% {
        opacity: 0.5; }
      100% {
        opacity: 0.25; } } }