@media screen and (min-width: 769px) {

/* ----------------------------------------------------------
Pagetitle
---------------------------------------------------------- */

.ptcov {
 width:100%;
 height: 100%;
 display: block;
 position: absolute;
 top:0;
 left:0;
 z-index:100;
 background-color: var(--color-white);
}
.ptbody {
 z-index:500;
}
.ptpan {
 z-index:300;
}

/* AnimationSettings
---------------------------------------------------------- */
.ptcov {
animation-delay: 2s;
-webkit-animation-delay: 2s;
animation-duration: 1.25s;
-webkit-animation-duration: 1.25s;
animation-name: ptcov;
-webkit-animation-name: ptcov;
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards;
transition-timing-function: linear;
-webkit-transition-timing-function: linear;
}

@-webkit-keyframes ptcov {
0% {
left:0;
}
100% {
left:-150%;
}
}

@keyframes ptcov {
0% {
left:0;
}
100% {
left:-150%;
}
}

.ptbody h2 {
 margin-left: -1500px;
 animation-delay: 0.25s;
 -webkit-animation-delay: 0.25s;
 animation-duration: 1s;
 -webkit-animation-duration: 1s;
 animation-name: pt01;
 -webkit-animation-name: pt01;
 animation-fill-mode:forwards;
 -webkit-animation-fill-mode:forwards;
 transition-timing-function: linear;
 -webkit-transition-timing-function: linear;
}

@-webkit-keyframes pt01 {
0% {
 margin-left: -1500px;
}
100% {
 margin-left: 0;
}
}

@keyframes pt01 {
0% {
 margin-left: -1500px;
}
100% {
 margin-left: 0;
}
}

.ptbody h3 {
 margin-left: -1500px;
 animation-delay: 0.5s;
 -webkit-animation-delay: 0.5s;
 animation-duration: 1.5s;
 -webkit-animation-duration: 1.5s;
 animation-name: pt02;
 -webkit-animation-name: pt02;
 animation-fill-mode:forwards;
 -webkit-animation-fill-mode:forwards;
 transition-timing-function: linear;
 -webkit-transition-timing-function: linear;
}

@-webkit-keyframes pt02 {
0% {
 margin-left: -1500px;
}
100% {
 margin-left: 0;
}
}

@keyframes pt02 {
0% {
 margin-left: -1500px;
}
100% {
 margin-left: 0;
}
}

main {
 margin-top:100px;
 opacity: 0;
 animation-delay: 1.5s;
 -webkit-animation-delay: 1.5s;
 animation-duration: 1s;
 -webkit-animation-duration: 1s;
 animation-name: mainani;
 -webkit-animation-name: mainani;
 animation-fill-mode:forwards;
 -webkit-animation-fill-mode:forwards;
 transition-timing-function: linear;
 -webkit-transition-timing-function: linear;
}

@-webkit-keyframes mainani {
0% {
 margin-top:100px;
 opacity: 0;
}
100% {
 margin-top:0px;
 opacity: 1;
}
}

@keyframes mainani {
0% {
 margin-top:100px;
 opacity: 0;
}
100% {
 margin-top:0px;
 opacity: 1;
}
}


}


@media screen and (max-width: 768px) {

/* ----------------------------------------------------------
Pagetitle
---------------------------------------------------------- */

.ptcov {
 width:100%;
 height: 100%;
 display: block;
 position: absolute;
 top:0;
 left:0;
 z-index:100;
 background-color: var(--color-white);
}
.ptbody {
 z-index:500;
}
.ptpan {
 z-index:300;
}

/* AnimationSettings
---------------------------------------------------------- */
.ptcov {
animation-delay: 2s;
-webkit-animation-delay: 2s;
animation-duration: 1.25s;
-webkit-animation-duration: 1.25s;
animation-name: ptcov;
-webkit-animation-name: ptcov;
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards;
transition-timing-function: linear;
-webkit-transition-timing-function: linear;
}

@-webkit-keyframes ptcov {
0% {
left:0;
}
100% {
left:-150%;
}
}

@keyframes ptcov {
0% {
left:0;
}
100% {
left:-150%;
}
}

.ptbody h2 {
 margin-left: -1500px;
 animation-delay: 0.1s;
 -webkit-animation-delay: 0.1s;
 animation-duration: 1s;
 -webkit-animation-duration: 1s;
 animation-name: pt01;
 -webkit-animation-name: pt01;
 animation-fill-mode:forwards;
 -webkit-animation-fill-mode:forwards;
 transition-timing-function: linear;
 -webkit-transition-timing-function: linear;
}

@-webkit-keyframes pt01 {
0% {
 margin-left: -1500px;
}
100% {
 margin-left: 0;
}
}

@keyframes pt01 {
0% {
 margin-left: -1500px;
}
100% {
 margin-left: 0;
}
}

.ptbody h3 {
 margin-left: -1500px;
 animation-delay: 0.25s;
 -webkit-animation-delay: 0.25s;
 animation-duration: 1.5s;
 -webkit-animation-duration: 1.5s;
 animation-name: pt02;
 -webkit-animation-name: pt02;
 animation-fill-mode:forwards;
 -webkit-animation-fill-mode:forwards;
 transition-timing-function: linear;
 -webkit-transition-timing-function: linear;
}

@-webkit-keyframes pt02 {
0% {
 margin-left: -1500px;
}
100% {
 margin-left: 0;
}
}

@keyframes pt02 {
0% {
 margin-left: -1500px;
}
100% {
 margin-left: 0;
}
}

main {
 margin-top:100px;
 opacity: 0;
 animation-delay: 1.5s;
 -webkit-animation-delay: 1.5s;
 animation-duration: 1s;
 -webkit-animation-duration: 1s;
 animation-name: mainani;
 -webkit-animation-name: mainani;
 animation-fill-mode:forwards;
 -webkit-animation-fill-mode:forwards;
 transition-timing-function: linear;
 -webkit-transition-timing-function: linear;
}

@-webkit-keyframes mainani {
0% {
 margin-top:100px;
 opacity: 0;
}
100% {
 margin-top:0px;
 opacity: 1;
}
}

@keyframes mainani {
0% {
 margin-top:100px;
 opacity: 0;
}
100% {
 margin-top:0px;
 opacity: 1;
}
}


}