/*! Generated on Wed Aug 08 2018 07:00:28 GMT+0100 (BST)*/
/*!
 *
 * styles.css | Riva
 *
 * The main styles for the site
 *
 * This CSS file is used to style a site that is copyrighted. Using any of this
 * code in a way that infringes copyright of the site's design is prohibited.
 *
 */
/* cubed-bootstrap reset */
html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

body {
  margin: 0px; }

img {
  border: none; }

article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

body,
form {
  margin: 0; }

button,
input[type="submit"],
input[type="image"],
input[type="text"],
input[type="password"],
textarea {
  -webkit-appearance: none;
  border-radius: 0px; }

button,
input[type="submit"],
label {
  cursor: pointer; }

button,
input[type="submit"],
input[type="image"] {
  border: none; }

sup {
  font-size: 0.83em;
  vertical-align: super;
  line-height: 0; }

a {
  cursor: pointer; }

/** Core */
body {
  line-height: 1.4;
  background-image: url("/assets/img/bg-top-left.png?1"), url("/assets/img/bg-bottom-right.png?2");
  background-size: auto 25%, auto 50%;
  background-position: left top, right bottom;
  background-repeat: no-repeat, no-repeat;
  min-height: 100vh;
  height: 100%; }
  @media only screen and (max-width: 650px) {
    body {
      background-size: auto 12.5%, auto 12.5%; } }

div,
p,
td,
th,
li,
header,
footer,
main,
section,
input,
button,
textarea {
  color: #4A4A4A;
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300; }

img {
  max-width: 100%; }

p {
  margin-top: 0.3em;
  margin-bottom: 0.3em; }

.end {
  height: 0;
  clear: both;
  display: block; }

header,
main,
footer {
  max-width: 1130px;
  margin: 0 auto 0 auto;
  padding-left: 30px;
  padding-right: 30px; }

header {
  padding-top: 100px; }
  @media only screen and (max-width: 650px) {
    header {
      padding-top: 50px; } }
  header img {
    max-width: 330px;
    width: 100%; }
    @media only screen and (max-width: 1130px) {
      header img {
        display: block;
        margin: 0 auto 0 auto; } }

main {
  position: relative; }
  main div.text {
    max-width: 750px; }
    @media only screen and (max-width: 1130px) {
      main div.text {
        width: auto;
        margin: 0 auto 0 auto; } }
    main div.text h1 {
      color: #85b654;
      font-weight: 600;
      font-size: 42px;
      line-height: 1.2;
      padding-bottom: 10px; }
      @media only screen and (max-width: 650px) {
        main div.text h1 {
          font-size: 32px; } }
    main div.text p.intro {
      color: #02633e;
      font-weight: 600;
      font-size: 20px; }
      @media only screen and (max-width: 650px) {
        main div.text p.intro {
          font-size: 18px; } }
    main div.text div.logos {
      padding-top: 50px; }
      main div.text div.logos a {
        float: left;
        width: 33.3333%; }
        @media only screen and (max-width: 650px) {
          main div.text div.logos a {
            float: none;
            display: block;
            max-width: 400px;
            width: 100%;
            margin: 0 auto 0 auto;
            padding-bottom: 20px; }
            main div.text div.logos a:last-of-type {
              padding-bottom: 0; } }
  main div.images {
    position: absolute;
    top: 0;
    right: 30px;
    width: 250px;
    line-height: 0.5; }
    @media only screen and (max-width: 1130px) {
      main div.images {
        position: static;
        text-align: center;
        width: auto;
        padding-top: 50px;
        clear: both; } }
    main div.images img {
      padding-bottom: 40px; }
      @media only screen and (max-width: 1130px) {
        main div.images img {
          max-width: 225px;
          vertical-align: top;
          padding: 0 10px 20px 10px; } }
      @media only screen and (max-width: 650px) {
        main div.images img {
          display: block;
          margin: 0 auto 0 auto;
          padding: 0 0 20px 0; } }
      main div.images img:last-of-type {
        padding-bottom: 0; }

footer {
  clear: both;
  padding-top: 70px;
  padding-bottom: 50px; }
  @media only screen and (max-width: 1130px) {
    footer {
      max-width: 810px;
      padding-top: 50px; } }