@charset "UTF-8";
/* CSS Document */


h1 {font-family: sans-serif; font-style:bold; font-weight:600; font-size:59px; line-height:59px;}

h2 {font-family: serif; font-style:oblique; font-weight:100; font-size:64px; line-height:64px;}



.slide_right {
  animation-duration: 0.7s;
  animation-name: slide-right;
  animation-delay: 0.0s;
  animation-fill-mode: backwards;
}

@keyframes slide-right {
  0% {margin-left: -30px; opacity:0;}
  100% {margin-left: 0px; opacity:100;}
}
	
	
.slide_left {
  animation-duration: 0.7s;
  animation-name: slide-left;
  animation-delay: 0.0s;
  animation-fill-mode: backwards;
}

@keyframes slide-left {
  0% {margin-left: 80px; opacity:0;}
  100% {margin-left: 0px; opacity:100;}	
}


.open_up {
  animation-duration: 0.8s;
  animation-name: open-up;
  animation-delay: 0.1s;
  animation-fill-mode: backwards;
}

@keyframes open-up {
  0% {height: 0; opacity:0;}
  100% {height: 60%; opacity:100;}	
}


@media screen and (orientation: portrait) and (max-width:1280px) {
	
	h1 {font-family: sans-serif; font-style:bold; font-weight:600; font-size:48px; line-height:54px;}

	h2 {font-family: serif; font-style:oblique; font-weight:100; font-size:53px; line-height:54px;}
	
	

	
	
	
}