.curentcatdiv{
  width: 100%;
  overflow: hidden;
  height: 300px;
  background-size: 100% !important;
  background-repeat: no-repeat !important;
}
.curentcatimage{
  width: 100%;
}
#c-bigtext{
  text-align: left;
  font-size: 40px;
  width: 60%;
  margin-left: 35px;
  margin-bottom: 10px;
  color: #616161;
  padding: 40px 0px 0px 0px;
  text-shadow: 0px 0px 200px #fff;
}
#c-smalltext{
  color: #616161;
  font-size: 23px;
  margin-left: 35px;
  overflow: hidden;
  max-height: 105px;
  width: 50%;
  font-weight: 100;
	    animation: fadein 3s;
    -moz-animation: fadein 3s; /* Firefox */
    -webkit-animation: fadein 3s; /* Safari and Chrome */
    -o-animation: fadein 3s; /* Opera */
}
/* Animation made by Mix */
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
/* Here the animation code stop */
.c-button:hover{
	transform: scale(1.1);
}

.c-button{
  padding: 7px;
  text-decoration: none;
  color: #fff;
  text-align: center;
  display: block;
  font-size: 17px;
  width: 159px;
  position: relative;
  background: #03A9F4;
  margin-top: 45px;
  margin-left: 35px;
  -webkit-transition: .1s linear all;
  -moz-transition: 0.1s linear all;
  -ms-transition: .1s linear all;
  -o-transition: .1s linear all;
  transition: .1s linear all;
}


@media all and (min-width:481px) and (max-width: 568px) {
  .curentcatdiv{
    width: 100%;
    overflow: hidden;
    height: 300px;
    background-position: -250px !important;
    background-size: auto 100% !important;
    background-repeat: no-repeat !important;
  }
  .curentcatimage{
    width: 100%;
  }
  #c-bigtext{
    text-align: left;
    font-size: 25px;
    width: 60%;
    margin-left: 35px;
    margin-bottom: 10px;
    color: #616161;
    padding: 20px 0px 0px 0px;
    text-shadow: 0px 0px 200px #fff;
  }
  #c-smalltext{
    color: #616161;
    font-size: 15px;
    margin-left: 35px;
    overflow: hidden;
    max-height: 105px;
    width: 50%;
    font-weight: 100;
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
  }

  .c-button{
    padding: 7px;
    text-decoration: none;
    color: #fff;
    text-align: center;
    display: block;
    margin-bottom: 25px;
    font-size: 17px;
    width: 150px;
    position: relative;
    background: #03A9F4;
    margin-top: 10px;
    margin-left: 35px;
  }
}

@media all and (min-width:321px) and (max-width: 480px) {
  .curentcatdiv{
    width: 100%;
    overflow: hidden;
    height: auto;
    max-height: 300px;
    background-position: -150px !important;
    background-size: auto 100% !important;
    background-repeat: no-repeat !important;
  }
  .curentcatimage{
    width: 100%;
  }
  #c-bigtext{
    text-align: left;
    font-size: 25px;
    width: 60%;
    margin-left: 35px;
    margin-bottom: 10px;
    color: #616161;
    padding: 20px 0px 0px 0px;
    text-shadow: 0px 0px 200px #fff;
  }
  #c-smalltext{
    color: #616161;
    font-size: 15px;
    margin-left: 35px;
    overflow: hidden;
    max-height: 105px;
    width: 50%;
    font-weight: 100;
  }
  .c-button{
    padding: 7px;
    text-decoration: none;
    color: #fff;
    text-align: center;
    display: block;
    margin-bottom: 25px;
    font-size: 17px;
    width: 150px;
    position: relative;
    background: #03A9F4;
    margin-top: 10px;
    margin-left: 35px;
  }
}

@media all and (min-width:0px) and (max-width: 320px) {
  .curentcatdiv{
    width: 100%;
    overflow: hidden;
    max-height: 300px;
    margin-bottom: 2px;
    background-size: auto 100% !important;
    background-repeat: no-repeat !important;
  }
  .curentcatimage{
    width: 100%;
  }
  #c-bigtext{
    text-align: left;
    font-size: 19px;
    width: 60%;
    margin-left: 20px;
    color: #616161;
    padding: 10px 0px 0px 0px;
    text-shadow: 0px 0px 200px #fff;
  }
  #c-smalltext{
    color: #616161;
    font-size: 15px;
    margin-left: 20px;
    overflow: hidden;
    max-height: 105px;
    width: 50%;
    font-weight: 100;
  }
  .c-button{
    padding: 3px;
    text-decoration: none;
    color: #fff;
    text-align: center;
    display: block;
    font-size: 17px;
    width: 125px;
    position: relative;
    margin-bottom: 20px;
    background: #03A9F4;
    margin-top: 5px;
    margin-left: 20px;
  }
}
