.top-title{
    text-align: center;
    color: white;
    margin-top: 240px;
    margin-bottom: 20px;
    animation:myanimation1 0.5s ease-in-out;
    -moz-animation:myanimation1 0.5s ease-in-out; /* Firefox */
    -webkit-animation:myanimation1 0.5s ease-in-out; /* Safari and Chrome */
    -o-animation:myanimation1 0.5s ease-in-out; /* Opera */
}
.content{
    animation:myanimation2 1s ease-in-out;
    -moz-animation:myanimation2 1s ease-in-out;
    -webkit-animation:myanimation2 1s ease-in-out;
    -o-animation:myanimation2 1s ease-in-out;
}
.copyright{
    animation:myanimation3 1.5s ease-in-out;
    -moz-animation:myanimation3 1.5s ease-in-out;
    -webkit-animation:myanimation3 1.5s ease-in-out;
    -o-animation:myanimation3 1.5s ease-in-out;
}
#logotips{
	display: none;
}

@keyframes myanimation1
{
    0%   {margin-top: 100px;margin-bottom: 160px;}
    50%  {margin-top: 170px;margin-bottom: 90px;}
    100% {margin-top: 240px;margin-bottom: 20px;}
}
@-moz-keyframes myanimation1 /* Firefox */
{
    0%   {margin-top: 100px;margin-bottom: 160px;}
    50%  {margin-top: 170px;margin-bottom: 90px;}
    100% {margin-top: 240px;margin-bottom: 20px;}
}
@-webkit-keyframes myanimation1 /* Safari and Chrome */
{
    0%   {margin-top: 100px;margin-bottom: 160px;}
    50%  {margin-top: 170px;margin-bottom: 90px;}
    100% {margin-top: 240px;margin-bottom: 20px;}
}
@-o-keyframes myanimation1 /* Opera */
{
    0%   {margin-top: 100px;margin-bottom: 160px;}
    50%  {margin-top: 170px;margin-bottom: 90px;}
    100% {margin-top: 240px;margin-bottom: 20px;}
}


@keyframes myanimation2
{
    0%   {margin-left:10%;opacity: 0;}
    50%  {margin-left:23%;opacity: 0.3;}
    100% {margin-left:36%;}
}
@-moz-keyframes myanimation2
{
    0%   {margin-left:10%;opacity: 0;}
    50%  {margin-left:23%;opacity: 0.3;}
    100% {margin-left:36%;}
}
@-webkit-keyframes myanimation2
{
    0%   {margin-left:10%;opacity: 0;}
    50%  {margin-left:23%;opacity: 0.3;}
    100% {margin-left:36%;}
}
@-o-keyframes myanimation2
{
    0%   {margin-left:10%;opacity: 0;}
    50%  {margin-left:23%;opacity: 0.3;}
    100% {margin-left:36%;}
}

@keyframes myanimation3
{
    0%   {margin-top:60px;opacity: 0;}
    50%  {margin-top:30px;opacity: 0.3;}
    100% {margin-top:0px;}
}
@-moz-keyframes myanimation3 
{
    0%   {margin-top:60px;opacity: 0;}
    50%  {margin-top:30px;opacity: 0.3;}
    100% {margin-top:0px;}
}
@-webkit-keyframes myanimation31
{
    0%   {margin-top:60px;opacity: 0;}
    50%  {margin-top:30px;opacity: 0.3;}
    100% {margin-top:0px;}
}
@-o-keyframes myanimation3
{
    0%   {margin-top:60px;opacity: 0;}
    50%  {margin-top:30px;opacity: 0.3;}
    100% {margin-top:0px;}
}