/**
.---------------------------------------------------------------------.
|  @package: Theme Lazy4resume (a.k.a. theme Résumé)
|  @version: v2.5.3 (19 April 2023)
|  @link:    http://italinux.com/resume
|  @docs:    http://italinux.com/theme-resume
|
|  @author: Matteo Montanari <matteo@italinux.com>
|  @link:   https://matteo-montanari.com
'---------------------------------------------------------------------'
.---------------------------------------------------------------------------.
| @copyright (c) 2023                                                       |
| ------------------------------------------------------------------------- |
| @license: Concrete5.org Marketplace Commercial Add-Ons & Themes License   |
|           https://concrete5.org/help/legal/commercial_add-on_license      |
|           or just: file://theme_lazy4resume/LICENSE.TXT                   |
|                                                                           |
| This program is distributed in the hope that it will be useful - WITHOUT  |
| ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or     |
| FITNESS FOR A PARTICULAR PURPOSE.                                         |
'---------------------------------------------------------------------------'
*/
section.banner.free_style.over-image {
  background-image: url("../images/background.jpg");
  background-size: cover;
}

section.banner.free_style > div[class^="container"] {
  padding-top: 10%;
}

section.banner.free_style > div[class^="container"] div.content {
  margin-left: 15%;
  margin-right: 15%;
  text-align: left;
}

/* Media Desktops
--------------------------------------------------------- */
@media screen and (max-width: 1600px) {
  section.banner.free_style h2 {
    font-size: 3.7em;
    line-height: 1.4em;
  }
  section.banner.free_style div.content {
    margin-left: 15%;
    margin-right: 15%;
  }
}

/* Media Larger Tablets
--------------------------------------------------------- */
@media screen and (max-width: 1280px) {
  section.banner.free_style > div[class^="container"] {
    padding-top: 15%;
  }
  section.banner.free_style > div[class^="container"] h2 {
    font-size: 3.2em;
  }
  section.banner.free_style > div[class^="container"] div.content {
    margin-left: 8%;
    margin-right: 8%;
  }
}

/* Media Tablets
--------------------------------------------------------- */
@media screen and (max-width: 1024px) {
  section.banner.free_style > div[class^="container"] h2 {
    font-size: 2.8em;
  }
  section.banner.free_style > div[class^="container"] h4 {
    font-size: 1.8em;
  }
  section.banner.free_style > div[class^="container"] div.content {
    text-align: center;
  }
}

@media screen and (max-width: 991px) {
  section.banner.free_style > div[class^="container"] {
    padding-top: 18%;
  }
  section.banner.free_style > div[class^="container"] h2 {
    font-size: 2.4em;
  }
  section.banner.free_style > div[class^="container"] h4 {
    font-size: 1.4em;
  }
}

/* Media Larger Mobiles
--------------------------------------------------------- */
@media screen and (max-width: 800px) {
  section.banner.free_style > div[class^="container"] {
    padding-top: 20%;
  }
}

@media screen and (max-width: 768px) {
  section.banner.free_style > div[class^="container"] {
    padding-top: 25%;
  }
  section.banner.free_style > div[class^="container"] h2 {
    font-size: 2em;
  }
}

@media screen and (max-width: 600px) {
  section.banner.free_style > div[class^="container"] h2 {
    font-size: 1.8em;
  }
  section.banner.free_style > div[class^="container"] h4 {
    font-size: 1.3em;
  }
  section.banner.free_style > div[class^="container"] div.content {
    margin-left: 4%;
    margin-right: 4%;
  }
}

/* Media Mobiles
--------------------------------------------------------- */
@media screen and (max-width: 500px) {
  section.banner.free_style > div[class^="container"] div.content {
    margin-left: 8%;
    margin-right: 8%;
  }
}