@charset "utf-8";



.logotext{
    display: none;
 }


@media only screen and (min-width: 768px) {
    .logotext {
    position: absolute;
    bottom: 50%;
    width: 50%;
    font-size: 0px;
    text-align: center;
    text-shadow: 1px 1px 1px hsla(0,0%,0%,0.46);
    margin-top: 0px;
    background-color: transparent;
    color: #fff;
    display: block;
    float: right;
    animation: agrand 1s ease-out normal 2s forwards;
    z-index: 5;
 }
 @keyframes agrand{
     from {width: 100%;font-size: 0px;}
/*     40% {width: 12%; right:12%}*/
     to   {width: 100%;font-size: 20px;}
 }
 

}


@media only screen and (min-width: 1024px) {
	
    .logotext{
    width: 50%;
    font-size: 0px;
    animation: agrand 1s ease-out normal 2s forwards;
    }
    @keyframes agrand{
        from {width: 100%; font-size: 0px;}
/*        40%  {width: 9%; font-size: 10px;}*/
        to   {width: 100%;font-size:30px;}
    }
}
@media only screen and (min-width: 1340px) {
    
}
@media only screen and (min-width: 1700px) {
    
    .logotext{
    width: 50%;
    font-size: 0px;
    animation: agrand 1s ease-out normal 2s forwards;
    }
    @keyframes agrand{
        from {width: 100%; font-size: 0px;}
/*        40%  {width: 9%; font-size: 10px;}*/
        to   {width: 100%;font-size:30px;}
    }
    
}