/*@media screen  and  (max-width: 522px){
 regole CSS 
    body{
        padding-top: 110px;
        padding-bottom: 100px;
    }
}
@media screen and  (min-width: 523px) and  (max-width: 759px){
 regole CSS 
    body{
        padding-top: 110px;
        padding-bottom: 100px;
    }
}*/



@media screen and    (max-width: 519px){
/* regole CSS */
    body{
        padding-top: 150px;
        /*padding-bottom: 100px;*/
    }
        .navbar-brand > img {
        height:50px;
    }
}
@media screen and    (min-width: 520px){
    .navbar-brand > img {
        height:80px;
    }
}
@media screen and  (min-width: 520px) and  (max-width:760px){
/* regole CSS */
    body{
        padding-top: 110px;
        /*padding-bottom: 100px;*/
    }

}
@media screen and  (min-width: 761px) and   (max-width: 1198px){
/* regole CSS */
    body{
        padding-top: 250px;
        /*padding-bottom: 100px;*/
    }
}
@media screen and  (min-width: 1199px) and  (max-width: 2200px){
/* regole CSS */
    body{
        padding-top: 110px;
        /*padding-bottom: 100px;*/
    }
    
}
@media screen and  (min-width: 1199px) and  (max-width: 520px){

}

.navbar-brand {

    height: 110px;
    line-height: 50px;
}
.navbar-nav > li > a {
    height: 50px;
    line-height: 50px;
    font-size: 20px;
}
/*.navbar-nav > li > a:hover{
 
    font-size: 22px;
}*/

.navbar-inverse {

    background-color: #006e87;
    /*border-color:rgb(39,45,104)*/
}

.carousel-inner > .item {
     min-height: 660px;
     height: 100%;
    /*max-height: 50%;*/
/*    height: 50%;*/
    background-size: cover;
    background-position: center center;
}
.TextReverse{
    color: rgb(0,0,0);

}
.TextReverse a{ 
    color:rgb(30,30,255);
}

// -----------------------------------------------
// animated 
// -----------------------------------------------
/*:root {

  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}*/

@media print, (prefers-reduced-motion: reduce) {
  .animated {
    animation-duration: 1ms !important;
    transition-duration: 1ms !important;
    animation-iteration-count: 1 !important;
  }

  .animated[class*='Out'] {
    opacity: 0;
  }
}

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

.animated.repeat-1 {
  animation-iteration-count:1;
}

.animated.repeat-2 {
  animation-iteration-count: 2;
}

.animated.repeat-3 {
  animation-iteration-count: 3;
}

.animated.delay-1s {
  animation-delay: 1s;
}

.animated.delay-2s {
  animation-delay:  2s;
}

.animated.delay-3s {
  animation-delay:  3s;
}

.animated.delay-4s {
  animation-delay:  4s;
}

.animated.delay-5s {
  animation-delay:  5s;
}

.animated.faster {
  animation-duration: 0.5s;
}

.animated.fast {
  animation-duration: 0.8s;
}

.animated.slow {
  animation-duration: 0.5s;
}

.animated.slower {
  animation-duration:  3s;
}
.footer{
    min-height: 50px;
    /*background: #333;*/
}
.big-padding{
    padding: 100px 0;
}
.spacetop{
    min-height: 50px;
    /*background: #333;*/
}
.tab-pane{
    min-height: 500px;
}
#pubblicato {

    //height: 110px;
    line-height: 50px;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  animation-name: fadeInUp;
}
// end animated