@import url("https://fonts.googleapis.com/css?family=Kalam");

figure {
    width: 85%;
    /*border: 2px silver solid;*/
    min-width: 250px;
    background-color: white;
    margin: 30% auto;
    padding: 20px;
}

img {
    width: 100%;
    display: block;
    box-shadow: 0px 0px 12px 3px silver;
}

body {
    /*backgroud-color: #191919;
    background-image: radial-gradient( #323232 0%, #3F3F3F 40%, #1C1C1C 150%), linear-gradient(to top, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.25) 200%);*/
}

figcaption {
    font-family: "Kalam", cursive;
    height: auto;
    font-size: 10px;
    margin: 0;
    padding: 5px;
}

.wiggle1 {
    animation: wiggle1 0.4s;
}

.wiggle {
    animation: wiggle 0.4s;
}

.wiggle2 {
    animation: wiggle2 0.4s;
}

@keyframes wiggle {
    0% {
        transform: rotate(3);
    }

    45% {
        transform: rotate(-3deg);
    }

    85% {
        transform: rotate(-1deg);
    }

    100% {
        transform: rotate(1deg);
    }
}

@keyframes wiggle1 {
    0% {
        transform: rotate(-3);
    }

    45% {
        transform: rotate(0deg);
    }

    85% {
        transform: rotate(1deg);
    }

    100% {
        transform: rotate(-1deg);
    }
}

@keyframes wiggle2 {
    0% {
        transform: rotate(1);
    }

    45% {
        transform: rotate(2deg);
    }

    85% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-1deg);
    }
}

@media only screen and (min-width: 636px) and (max-width: 960px) {
    figure {
        width: 40%;
        margin: 2%;
        float: left;
    }

    figcaption {
        font-size: 15px;
    }
}

@media only screen and (min-width: 961px) {
    figure {
        width: 27%;
        float: left;
        margin: 1% 1%;
    }

    figcaption {
        font-size: 18px;
    }
}
.container1{
    width:100%;
    margin:5%;
}
.Logo_Brakja{
    width:100%;
    display:block;
    box-shadow:none;
    height:100%;
}