/*!
 * Theme Name: Eisenhandlung_Mitelmeier
 * Theme URI: http://mm.jaglitsch.at
 * Description: Static Theme for Mitelmeier Site
 * Version: 1.0.0
 * Author: Christian Jaglitsch  
 * Author URI: http://jaglitsch.at
 * Tags: HTML5, CSS3, eisenhandlung, mitelmeier
 *
 * License: MIT
 * License URI: http://opensource.org/licenses/mit-license.php
 */

 html{
    scroll-padding-top: 60px;
}
.eisenhandlung{
    font-family: 'Dancing Script', cursive;
}

.content{
    margin-left: 30px;
    margin-right: 30px;
    margin-top: -100px;
    margin-bottom: 150px;

    text-align: center;
}

.title{
    background-color: #1b8cb4;
    color:beige;
}

.title-image{
    display: block;
    position: absolute;
    text-align: center;
    top:0px;
    bottom: 0px;
    width: 100%;
    height: auto;
    background-color: rgba(0,0,0, 0.5);
    color: #1b8cb4;
}

.title-text{
    color:#1b8cb4;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    top:280px;
    width: 100%;
    font-size: 100px;
}

@media (max-width: 1399.98px) { 
    .title-text{
        color:#1b8cb4;
        text-align: center;
        vertical-align: middle;
        position: absolute;
        top:200px;
        width: 100%;
        font-size: 100px;
    }
}

@media (max-width:1199.98px) {
    .title-text{
        color:#1b8cb4;
        text-align: center;
        vertical-align: middle;
        position: absolute;
        top:140px;
        width: 100%;
        font-size: 90px;
    }
}

@media (max-width: 991.98px) {  
    .title-text{
        color:#1b8cb4;
        text-align: center;
        vertical-align: middle;
        position: absolute;
        top:100px;
        width: 100%;
        font-size: 80px;
    }
}

@media (max-width: 767.98px) {  
    .title-text{
        color:#1b8cb4;
        text-align: center;
        vertical-align: middle;
        position: absolute;
        top:50px;
        width: 100%;
        font-size: 60px;
    }
}

@media (max-width: 575.98px) {  
    .title-text{
        color:#1b8cb4;
        text-align: center;
        vertical-align: middle;
        position: absolute;
        top:10px;
        width: 100%;
        font-size: 40px;
    }
}