/*
* Amazium (http://www.amazium.co.uk)
* Copyright 2010 - 2019, Mike Ballan
* Licensed under MIT (https://github.com/OwlyStuff/Amazium/blob/master/LICENSE)
*/

/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Font-face setup
- Fonts overrides
- Navigation
- Color examples setup
- Media Queries
*/

/***********************************************
Mobile First - This applies from 0px to 749px
***********************************************/

/***** Cards *****/
.card                                                     { padding:20px; width:100%; display:flex; flex-direction:column; gap:20px; background-color:var(--color-snow); border-radius:var(--radius); position:relative; }
.card--hero                                               { gap:20px; flex-direction:row; align-items:center; font-weight:bold; background-color:var(--color-snow); }
.card--cream                                              { background-color:#FFF5EA; }

/***********************************************
Screen - This applies from 1200px onwards
***********************************************/
@media (min-width:1200px) {
  .card                                                   { padding:50px 40px; }
  .card--hero                                             { gap:40px; flex-direction:row; align-items:center; font-weight:bold; background-color:var(--color-snow); }
}

/***********************************************
Desktop HD
***********************************************/
@media (min-width:1440px) {

}