/*  Author:   Martin Stettler (http://dieweberei.ch/)
    Version:  26/07/2018 // BS V4.1.3
*/

/* ==========================================================================
   MAIN CONTENT
   ========================================================================== */

/* https://codepen.io/N3los/pen/BLAOPR */    
/* for IE & Edge: https://medium.com/@primozcigler/neat-trick-for-css-object-fit-fallback-on-edge-and-other-browsers-afbc53bbb2c3 */   

.layout-bright,
.layout-dark {
    display: -ms-flexbox;
        display: flex;
    -ms-flex-direction: row;
        flex-direction: row; }

    .article-small:nth-child(even){
        padding-left: 35px;
        padding-right: 100px; } 

    .article-small:nth-child(odd){
        padding-right: 35px;
        padding-left: 100px; }

    .layout-bright .article:nth-child(odd).article-small,
    .layout-dark .article:nth-child(odd).article-small  {
        padding-left: 35px;
        padding-right: 100px; }

    .layout-bright .article:nth-child(even).article-small,
    .layout-dark .article:nth-child(even).article-small  {
        padding-right: 35px;
        padding-left: 100px; }

    #return-to-top {
        right: 100px; }

.image-wrapper {
    width: 100%;
    height: 100%; }

.image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%; }

.article-small {
    height: 100%; }

.article-icon img {
    max-width: 240px; }
/*
.article-wide img,
.article-half img {
        float: right;
        margin-bottom: 25px; } */

.card-body img {
    max-width: 50%;
    height: auto; }

/* ==========================================================================
   FORM
   ========================================================================== */
#contact-form {
      padding: 30px 130px; }