@charset "utf-8";
/* =====================================================================
CSS CENTRAL DOCUMENT

File:    stylesheets.css
Date:    2018-12-27
Autor:   Daniel-Markus Meyer
Version: 1.0

 ======================================================================= */

@import url('https://fonts.googleapis.com/css?family=Merriweather:300|Source+Sans+Pro:200,400,600'); /* Google Font */
@import url(animate.css);
/**
// All devices (default settings)
@media all {...} */
@import url(screen.css);
/**
// Extra small devices (phones, 320px and down)
@media only screen and (max-width: 319px) {...} */
@import url(screen_XS.css);

/**
// Small devices (portrait tablets and large phones, up to 640px)
@media only screen and (min-width: 320px) and (max-width: 639px) {...} */
@import url(screen_S.css);

/**
// Medium devices (landscape tablets, up to 1280px)
 @media only screen and (min-width: 640px) and (max-width: 1279px) {...} */
@import url(screen_M.css);

/**
// Large devices (laptops/desktops, up to 2560px)
 @media only screen and (min-width: 1280px) and (max-width: 2559px) {...} */
@import url(screen_L.css);

/**
// Extra large devices (large laptops and desktops, up to 5120px)
@media only screen and (min-width: 2560px) and (max-width: 5119px) {...} */
@import url(screen_XL.css);

/**
// Extra extra large devices (large laptops and desktops, 5120px and up)
@media only screen and (min-width: 5120px) {...} */
@import url(screen_XXL.css);

@media screen and (min-width: 768px){
  #page-floater{
    margin: 150px 0 150px 0;
    background: var(--customViolet35);
  }
  .layout-floater .layout-container{
    position: relative;
    top: 50%;
    left: 10%;    
  }
  .layout-floater .layout-image{
    position: absolute;
    transform: translate(-50%,-50%) rotate(15deg) scale(1.2);
  }
}

@media screen and (max-width: 768px){
  .site-header .navbar-collapse{
    background-color: rgba(0,0,0,.3);
    padding: 10px;
  }
}

/**
// Print devices
 @media print {...} */
@import url(print.css);