/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
/*
 * Hide visually and from screenreaders, but maintain layout
 */
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Prevent font size inflation */
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

/* Remove default margin in favour of better control in authored CSS */
body, h1, h2, h3, h4, p,
figure, blockquote, dl, dd {
  margin-block-end: 0;
}

/* Balance text wrapping on headings */
h1, h2,
h3, h4 {
  text-wrap: balance;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
  color: currentColor;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input, button,
textarea, select {
  font: inherit;
}

/* Make sure textareas without a rows attribute are not tiny */
textarea:not([rows]) {
  min-height: 10em;
}

/* Anything that has been anchored to should have extra scroll margin */
:target {
  scroll-margin-block: 5ex;
}

/*! HTML5 Boilerplate v9.0.0-RC1 | MIT License | https://html5boilerplate.com/ */
/* main.css 3.0.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html,
button,
input,
select,
textarea {
  color: #222;
}

body {
  font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
  font-size: 1em;
  line-height: 1.5;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Customize the background color to match your design.
 */
::-moz-selection {
  color: #fff;
  background: #268bd2;
  text-shadow: none;
}

::selection {
  color: #fff;
  background: #268bd2;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1.5em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/*
    All the font-size, margin and line-height values are chosen to achieve a good
    rhythm of the text. Rhythm of the text means that the vertical space is divided
    into lines of the same height. This counts for lines of text as well as space
    between text (e.g. the top and bottom margin of a header).

    Example:
    If the main text is set at 16px with a line-height of 1.5, each line occupies
    24px of vertical space. This is the rhythm. If a h1-tag is set at 24px it only
    needs a line-height of 1 to occupy the 24px.
    All the margins should also be a multiple of 24px.
*/
h1 {
  margin: 1em 0;
  font-size: 1.5em;
  line-height: 1;
}

h2 {
  margin: 1.1250281257em 0;
  font-size: 1.3333em;
  line-height: 1.1250281257;
}

h3 {
  margin: 1.2857877593em 0;
  font-size: 1.1666em;
  line-height: 1.2857877593;
}

h4 {
  margin: 1.2857877593em 0;
  font-size: 1.1666em;
  font-style: italic;
  line-height: 1.2857877593;
}

h5 {
  margin: 1.5em 0;
  font-size: 1em;
  line-height: 1.5;
}

h6 {
  margin: 1.5em 0;
  font-size: 1em;
  font-style: italic;
  line-height: 1.5;
}

p {
  margin: 1.5em 0;
}

ol,
ul {
  padding: 0 0 0 1.5em;
  margin: 1.5em 0;
}

ul ul,
ul ol,
ol ol,
ol ul {
  margin: 0;
}

a, a:active, a:visited {
  color: #222;
}

body {
  margin: 0;
  background-color: rgb(137, 166, 32);
}

.header {
  margin: 0 1em;
}

.header img {
  display: inline;
}

a.logo {
  font-size: 1.25em;
  display: inline-block;
  vertical-align: middle;
  margin: 0.6em 0;
  color: #FFF;
  text-decoration: none;
}

.telBox {
  display: none;
  vertical-align: middle;
  font-size: 0.8em;
  padding: 0.375em 0.625em;
  margin: 0.9375em 0;
  margin-left: 4em;
  background-color: #d9e8a6;
  text-align: center;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  border-radius: 1em;
}
.telBox p {
  margin: 0;
}

.language {
  display: inline-block;
  margin: 1.5em 0;
  margin-left: 1em;
  vertical-align: bottom;
}

.nav {
  list-style: none;
  padding: 0;
  margin: 0.75em 0;
}
.nav li {
  display: inline-block;
}
.nav li a {
  padding: 0.25em 0.5em;
  white-space: nowrap;
}
.nav li a:hover, .nav li a:focus {
  background-color: #d9e8a6;
}

.article {
  max-width: 33em;
  min-width: 15em;
  word-wrap: break-word;
  background-color: #fff;
  padding: 0 0.75em;
  margin: 0 0.75em;
  -webkit-border-radius: 0.75em;
  -moz-border-radius: 0.75em;
  border-radius: 0.75em;
  /*
   * For IE 6/7 only
   * Include this rule to trigger hasLayout and contain floats.
   */
}
.article:before, .article:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}
.article:after {
  clear: both;
}
.article {
  *zoom: 1;
}
.article .mary {
  float: right;
  margin: 0 0 0.5em 0.75em;
  width: 9em;
  height: auto;
  max-width: 180px;
  max-height: 200px;
  -webkit-border-radius: 0.75em;
  -moz-border-radius: 0.75em;
  border-radius: 0.75em;
  object-fit: cover;
}

.footer {
  text-align: center;
  /*
   * For IE 6/7 only
   * Include this rule to trigger hasLayout and contain floats.
   */
}
.footer:before, .footer:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}
.footer:after {
  clear: both;
}
.footer {
  *zoom: 1;
}

@media only screen and (min-width: 42em) {
  body {
    /* If standard font-size is 16px this makes it 20px. */
    font-size: 1.25em;
  }
  .telBox {
    display: inline-block;
  }
}
@media only screen and (min-width: 54em) {
  .body {
    margin: 0 1em;
  }
}
@media only screen and (min-width: 60em) {
  .body {
    margin: 0 2em;
  }
}
@media only screen and (min-width: 72em) {
  .body {
    margin: 0 22% 0 11%;
  }
}
@media only screen and (min-width: 90em) {
  body {
    /* Increase font-size for really large displays. */
    font-size: 1.5em;
  }
}
/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  *,
  *::before,
  *::after {
    background: #fff !important;
    color: #000 !important;
    /* Black prints faster */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]::after {
    content: " (" attr(href) ")";
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  /*
      * Don't show links that are fragment identifiers,
      * or use the `javascript:` pseudo protocol
      */
  a[href^="#"]::after,
  a[href^="javascript:"]::after {
    content: "";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 11% 22% 22% 11%;
  }
  @page :left {
    margin: 11% 11% 22% 22%;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .header, .footer {
    display: none;
  }
  .article {
    margin: 0;
  }
}

/*# sourceMappingURL=styles.css.map */