body,html
{
    font-family: 'Arimo', sans-serif;
    margin:0;
    padding:0;
    background-repeat: no-repeat;
    background-image:url("Images/Hintergrundbild-unscharf.jpg.jpeg");
    background-size:2000px;
    background-position-y:-200px;
}

header
{
    background-color:rgba(41,48,56,0.9);
    margin:0;
    padding:0;
    text-align: center;
}

header h1
{
    color:white;
}

#header_middle_text {
    color:white;
}


header img
{
    right:10px;
    position: absolute;
    width:50px;
}

#logo_top
{
    width: 350px;
}

#söderblom
{
    height: 100%;
    width: 100%;
}

#birger_forell
{
    height:100%;
    width:100%;
}

footer
{
    position:absolute;
    bottom:0;
    display:block;
    width:100%;
    height: auto;
    font-size:12px;
    background-color:lightgrey;
    color:black;
    text-align: center;
}

.hover
{
    background-color: white;
    margin: 0 1px;
    padding:10px 10px 10px 10px;

}

.image-container
{
    opacity:0.9;
    background: white;
    height: 110px;
    border: 1px solid black;
}

.image-block {
    margin-bottom: 15px;
}

.img-responsive {
    margin: 0 auto;
}

.img-sg {
    padding-top: 5px;
}

#an
{
    margin-top:15px;
    font-size:20px;
    color:#0059b3;
}

.content-container {
    margin-top: 50px;
}

a
{
    text-decoration: none;
    color:black;
}

@media screen and (max-width:1300px)
{
    #logo_top
    {
        display: none;
    }

    .content-container {
        margin-top: 50px;
    }
}

@media (min-width: 992px) {

    .hover {
        opacity:0;
        -moz-transition:opacity 1s;
        -o-transition:opacity 1s;
        -webkit-transition:opacity 1s;
        transition: opacity 1s;
    }

    .image-block:hover .hover
    {
        opacity:1;
    }

}

@media screen and (min-width:700px)
{
    footer
    {
        position: fixed;
        bottom:0;
        height:160px;
    }

}

@media (max-width: 767px) {
    .container {
        padding: 0;
        margin: 10px 0 0 0;
    }

    body,html
    {
        background-image:none !important;
        background-color:white !important;
    }

    footer
    {
        position:relative;
        bottom:0px;
    }
}

@media screen and (min-width:1700px)
{
    body,html
    {
        background-size:100%;
    }
}