@media(min-width:768px){
/*************************************************************/

body:after{
    content: "dev version | screen: small";
}

/* Paragraph: Two-column */
.paragraph--type--two-column{
    flex-direction: row;
}
.paragraph--type--two-column .field--name-field-column-one{
    padding-right: 30px;
}

.paragraph--type--two-column.left-50-right-50 .field--name-field-column-one{ width: 50%; }
.paragraph--type--two-column.left-50-right-50 .field--name-field-column-two{ width: 50%; }

.paragraph--type--two-column.left-25-right-75 .field--name-field-column-one{ width: 25%; }
.paragraph--type--two-column.left-25-right-75 .field--name-field-column-two{ width: 75%; }

.paragraph--type--two-column.left-75-right-25 .field--name-field-column-one{ width: 75%; }
.paragraph--type--two-column.left-75-right-25 .field--name-field-column-two{ width: 25%; }

.paragraph--type--two-column.left-60-right-40 .field--name-field-column-one{ width: 60%; }
.paragraph--type--two-column.left-60-right-40 .field--name-field-column-two{ width: 40%; }

.paragraph--type--two-column.left-40-right-60 .field--name-field-column-one{ width: 40%; }
.paragraph--type--two-column.left-40-right-60 .field--name-field-column-two{ width: 60%; }

.paragraph--type--two-column.valign-middle .field--name-field-column-one{ align-content: center; }
.paragraph--type--two-column.valign-middle .field--name-field-column-two{ align-content: center; }

/* Header */
.header-container{
    padding: 30px 50px;
}

/* Hamburger menu */
.hamburger-menu-block{
    clip-path: polygon(50% 0, 100% 20%, 100% 80%, 50% 100%, 0 80%, 0 20%);
}

/* Hero container */
.hero-container{
    margin-top: -70px;
    display: block;
}

/* Login block */
.login-block{
    display: block;
}

/* Experience block (Home) */
.experience-home-block .paragraph--type--icon-grid .field--name-field-icons > .field__item{
    width: 45%;
}

/* Inner banner image */
.inner-banner-image{
    text-align: center;
}
.inner-banner-block{
    display: block;
}

/* Inner banner content */
.inner-banner-content{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    padding-left: 12%;
}

/* Pre title block */
.pre-title-block{
    margin-top: 100px;
    text-align: left;
}

/* Page title block */
.page-title-block{
    padding: 0;
}
.page-title-block h1.title{
    color: #FFFFFF;
    font-weight: bold;
    font-size: 30px;
    text-align: left;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    /* transform: translateY(100px); */
}

/* Paragraph: Info Box: Overlap */
/* .paragraph--type--info-box-overlap{
    width: 100vw;
} */

/* Inner banner image */
.inner-banner-container{
    min-height: 300px;
}

/*************************************************************/
}