/****** PLACE YOUR CUSTOM STYLES HERE ******/
.image-tile img{width: auto; max-height:350px;}
.bold {font-weight: bold !important;}
.map-holder{
    display: none;
}

@media all and (max-width: 767px){

    section:nth-of-type(5),
    section:nth-of-type(3){
        padding-bottom: 0;
        margin: 80px 0 0 0 !important;
    }
}
@media all and (min-width: 767px){
    .feature{
        min-height: 184px;
    }
    .module-group.right{
        float: left;
    }
    .fullscreen .text-center{
        text-align: center;
    }

    
    section:nth-of-type(5),
    section:nth-of-type(3){
        padding-bottom: 0;
    }
    section:nth-of-type(6) img {
        object-fit: cover;
        width: 227px;
        height: 330px;
    }
    section:nth-of-type(6) img:nth-of-type(2) {
        object-position: 0 30px;
    }
    
}
@media only screen and (min-width: 992px){
    .col-md-4.col-sm-6 {
        min-height: 700px
    }
    input[side]{
        width: 49%;
    }
    input[side="left"]{
        float: left;
    }
    input[side="right"]{
        float: right;
    }
}
@media only screen and (min-width: 1400px){
    .row img{
        float: left;
        padding-right: 10px;
    }
    .text-center{
        text-align: left;
    }
    .col-md-4{
        width: 33.333%;
    }
    .col-sm-4{
        width: 20%;
    }
}



/****** PLACE YOUR CUSTOM STYLES HERE
<section>
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="feature bordered">
<h1 class="mb64 mb-xs-24 bold">Teilnahme sichern<br></h1>
<form class="form-email" data-success="Danke für die Reservierung. Wir werden Sie in Kürze für die Details kontaktieren." data-error="Feldeingabe falsch.">
<input type="text" class="validate-required" side="left" name="name" placeholder="Vorname">
<input type="text" class="validate-required" side="right" name="surname" placeholder="Name">
<input type="text" class="validate-required" side="left" name="phone" placeholder="Telefonnummer">
<input type="text" class="validate-required" side="right" name="company" placeholder="Firmenname">
<input type="text" class="validate-required" side="left" name="sector" placeholder="Branche">
<input type="text" class="validate-required" side="right" name="position" placeholder="Positionsbezeichnung">


<button type="submit">Reservieren</button>
</form>
</div>
</div>
<div class="col-sm-6">
<div class="map-holder pt160 pb160 mt80 mt-xs-0 mb24">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1805.721328113377!2d9.99150495539609!3d48.39864377064626!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x479960c04cc463a5%3A0x7d24d901ca7171e!2sUlmer+M%C3%BCnster!5e1!3m2!1sen!2sro!4v1556778044171!5m2!1sen!2sro"></iframe>
</div>
<div class="feature bordered">
<h4 class="bold">Wir sind für Sie da</h4>

<p>
<strong>Telefon:</strong> +49 (0) 751 5678 150<br>
<strong>E-Mail:</strong> jubilaeum@ametras.com</p>
</div>
</div>
</div>

</div>

</section>
******/