#presentation{
    background: url(/Files/App_002/images/ps.jpg)repeat center;
    background-size: cover;
    background-attachment: fixed;
    height: 100%;
    animation: background 20s infinite linear;
    transition: all 3s;
    padding: 5vh 0;
}
.presentation {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    height: 100%;
    animation: background 20s infinite linear;
    transition: all 3s;
}
.descriptions {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}

.descriptions p {
    margin-bottom: 25px;
    width: 100%;
    color: #6a6b6e;
    font-size: 14px;
}
.descriptions h1 {
    display:inline-block;
    color: #6a6b6e;
    font-size: 40px;
    text-transform: uppercase;
    margin: 0 0 50px;
}
.img_pres img{max-width:100%;}

.cta {
  cursor: pointer;
  width: 175px;
  height: 50px;
  position: relative;
}
.cta:before {
    content: "";
    opacity: 1;
    background: url(/Files/App_002/images/go.png)no-repeat center right;
    position: absolute;
    top: 23px;
    left: 75px;
    display: block;
    width: auto;
    height: 5px;
    width: 30px;
    transition: 0.4s all ease-out;
    -webkit-transition: 0.4s all ease-out;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.cta:after {
  content: "";
  color: #6a6b6e;
  height: 50px;
  line-height: 50px;
  position:relative;
  top:0px;
  left: 0px;
  bottom: 0;
  margin: auto;
  right: 40px;
  transition: 0.3s all ease-out;
  -webkit-transition: 0.3s all ease-out;
}
.cta span {
  color: #6a6b6e;
  text-align:left;
  text-transform: uppercase;
  width: auto;
  display: block;
  font-size: 14px;
  height: 50px;
  line-height: 50px;
  font-weight: 400;
  transition: 0.3s all ease-out;
  -webkit-transition: 0.3s all ease-out;
}
.cta a{
  color: #6a6b6e;
}
.cta:hover span {
  width: 100%;
}
.cta:hover:before {
   left: 85px;  transition: 0.3s all ease-out;
  -webkit-transition: 0.3s all ease-out;
}
.cta:hover:after {
  opacity: 0;
  right: 0px;
  transition: 0.2s all ease-out;
  -webkit-transition: 0.2s all ease-out;
}


@media only screen and (max-width: 768px){
.descriptions h1 {font-size: 20px;margin: 0 auto 50px;}
.descriptions p{text-align: justify;}

.cta {margin: 0 auto 20px;}
}







