.main {

    width:100%;
    min-height:10px;

}

.main .hero_img {

    width:100%;
    height:370px;
    background-image:url('./files/elements/hero_img.jpg');
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    position:relative;
    z-index:1;

}

.main .hero_img .content {

    height:100%;
    position:absolute;
    top:0;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    z-index:1;

}

.main .hero_img .home_accent {

    width:305px;
    height:382px;
    background-image:url('./files/elements/home_accent.png');
    background-size:contain;
    background-position:right bottom;
    background-repeat:no-repeat;
    position:absolute;
    right:0px;
    bottom:-80px;
    z-index:1;

}

.main h1 {

    padding:0;
    margin:0;
    font-size:27px;
    font-weight:700;
    color:rgba(32,81,120,1.0);
    text-align:center;
    margin-top:40px;

}

.main .introText {

    padding:0;
    margin:0;
    width:680px;
    font-size:16px;
    font-weight:400;
    color:rgba(0,0,0,1.0);
    text-align:center;
    margin-top:80px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:110px;

}

@media screen and (max-width:1240px) {

    .main .hero_img .home_accent {
    
        right:15px;
    
    }

}

@media screen and (max-width:1024px) {

    .main .hero_img .home_accent {
    
        width:197px;
        height:238px;
    
    }

}

@media screen and (max-width:700px) {
    
    .main .hero_img {

        width:100%;
        height:137px;
        
    }
    
    .main .hero_img .home_accent {
    
        width:89px;
        height:112px;
        bottom:-45px;
    
    }
    
    .main h1 {
    
        font-size:18px;
        margin-top:30px;
        text-align:left;
    
    }

    .main .introText {
        width:100%;
        font-size:14px;
        text-align:left;
        margin-top:40px;
    }

}