@media screen and (max-width: 1024px){
    .fix{
        position:none;
        z-index: 1000;
        top:0;
        left:0;
        right:0;
        margin:0;
    }
}
@media screen and (min-width: 1025px){
    .fix{
        position:fixed;
        z-index: 1000;
        top:0;
        left:0;
        right:0;
        margin:0;
        -webkit-box-shadow: 0 -2px 10px 0 #695E5E;
    	box-shadow: 0 -2px 10px 0 #695E5E;
    }
}

@media screen and (min-width: 320px) and (max-width: 600px){
    .CL-search-result-toolbar .CL-search-result-scope {
        width: 49%;
    }

    #banner,
    #banner-bottom,
    #banner-bottom-top {
        background-size: cover;
    }

@media (min-width: 981px) {
.CL-news-item img {
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.CL-news-item:hover img {
    -webkit-transform: rotate(3deg) scale(1.1);
    transform: rotate(3deg) scale(1.1);
}
}

@media (max-width: 980px) {
    #top {
        display: none;
    }

    #langform {
        padding: 0;
        margin:0;
    }

    #navPanel .CL-language-switch-dropdown {
        min-width: 100%;
        text-align: center;
    }

    .CL-language-switch,
    #banner .CL-box-main {
        text-align: center;
    }

    #sys-logo-image {
        float: left;
        margin-left:5px;
    }

    .logged-in-padding {
        padding: 0 45px 0px 30px;
    }

    #banner, #banner-bottom-top {
        background-size: cover;
    }

    .CL-site-identity .CL-template-image {
        position: relative;
    }

    #sidebar .CL-portlet-menu .CL-menu-level-1,
    #footer .CL-portlet-menu .CL-menu-level-1 {
      overflow: show;
      max-height: 100%;
    }

    #navPanel .CL-language-switch-dropdown {
        color: #FFF;
        border-bottom: 1px solid #FFF;
    }

    #one .primary .CL-box-main {
        padding: 2em 0em 2em 0;
        text-align: center;
    }

    #one .secondary .CL-box-main {
        text-align: center;
    }
}

.CL-article-column {
        min-height: 0.1px;
}
 
.come-in {
  transform: translateY(150px);
  animation: come-in 0.9s ease forwards;
}
.come-in:nth-child(odd) {
  animation-duration: 0.7s;
}
.already-visible {
  animation-name: fadeInDown;
  animation-fill-mode: both;
  animation-duration: 0.5s;
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
 -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
    opacity: 0;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}


@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}


@keyframes come-in {
  to { transform: translateY(0); }
}