/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 7/03/2019, 10:41:31 AM
    Author     : des02
*/

.body{
    padding-top: 2.75rem;
    margin-top: 1rem;
    overflow: hidden
}

#bg_white {
    position: relative;
    background-image: url("../../static/images/uninmar_index/backgrounds/white.png");
    -webkit-animation: slide 50s linear infinite;
    animation: slide 50s linear infinite;
}

.intro{
    height: 75.8vh; 
}

.introFicha {
    height: 66.4vh; 
}

.jumbotron{
    padding: 100px 0 150px;
    /*border: 2px solid graytext;*/
    overflow: hidden;
     background-color: #565656;
    color: transparent;
    text-shadow: 2px 2px 3px rgba(255,255,255,0.5);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
}

.error-text{
    background-color: #565656;
    color: transparent;
    text-shadow: 2px 2px 3px rgba(255,255,255,0.5);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    padding-bottom: 15px;
}

.my-4{
    position: relative;
    width: 35%;
    border: 2px solid gray;
    margin: 0 auto;
    opacity: .5
}

.error-btns {
    margin-top:15px;
    margin-bottom:15px;
}

.error-btns .btn {
    margin-right:10px;
}

.blur {
    -webkit-animation: blur .5s;
    animation: blur .5s;
}


@keyframes slide {
    from{
        background-position: 0 0;
    }
    to {
        background-position: 400px 0;
    }
}

@-webkit-keyframes slide {
    from { background-position: 0 0; }
    to { background-position: -400px 0; }
}

@keyframes blur {
    0% {
        -webkit-filter: blur(15px);
    }
    50% {
        -webkit-filter: blur(10px)
    }
    100% {
        -webkit-filter: blur(0px);
    }
}

@-webkit-keyframes blur {
    0% {
        -webkit-filter: blur(15px);
    }
    50% {
        -webkit-filter: blur(10px)
    }
    100% {
        -webkit-filter: blur(0px);
    }
}

@media (min-width: 320px){

    .jumbotron{
        margin-top: 15%;
    }

    .error-btns .btn{
        margin-bottom: 5px;
    }
}

@media (min-width: 720px){

    .jumbotron{
        margin-top: 4%;
    }
}