@import 'https://fonts.googleapis.com/css?family=Roboto:400,300';
@import 'https://fonts.googleapis.com/css?family=Quicksand';
@import 'https://fonts.googleapis.com/css?family=Lato:400,900,300;
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:900');
html {
  box-sizing: border-box;
    }
body {
  background-image: url(fond.jpg);
  background-position: 50% 0%;
  background-repeat: repeat;
  margin: 0;
  background-color: white;
  background-attachment: fixed;
  background-width:100%;

}
header > img.fsi {
    width: 100%;
    display: block;
    
    margin-left: auto;
    margin-right: auto;
    background-color: transparent;
    }
header > img.ssi {
   display: none;
   width: 100%;
   background-color: transparent;
}

footer {
    width: 100%;
    color: #726F6E;
    font-family: Lato;
    font-size: 10pt;
    letter-spacing: 1px;
    text-align: center;
    background-color: transparent;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0; 
    position:absolute;
    bottom:-100;
    border-top: solid 2px #ffffbe;
}
.border {
border: solid 3px #ffffbe;
}

a {
  color: #5E88F0;
  text-decoration: none;
  cursor: pointer;
}
a:hover {
  color: #0F54FF;
  text-decoration: none;
}

@media screen and (max-width: 700px)
{ 
    header > img.fsi {
        width: 100%;
        display: none;
        }
    header > img.ssi {
       display: block;
       width: 100%;
        }
}
h1 {
  margin: 0 0 0 0;

  font-size: 48px;
 
  letter-spacing: 10px;
  line-height: 48px;
  margin-top: 15px;
  color: white; font-family: 'Playfair', Arial; font-weight: 900;
}
h2 {
  margin: 0 0 25 0;
  font-family: 'Quicksand';
  font-size: 24px;
  color: lightgrey;
  letter-spacing: -1px;
}
footer {
    width: 100%;
    color: #726F6E;
    font-family: Lato;
    font-size: 10pt;
    letter-spacing: 1px;
    text-align: center;
    background-color: transparent;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0; 
    position:absolute;
    bottom:-100;
    border-top: solid 2px #ffffbe;
}
.border {
border: solid 3px #ffffbe;
}
em {
font-weight:400;
font-size:16px;
letter-spacing:2px;
}
.blackBG {
background-color: black; 
color: white; 
padding: 5px; 
width: 100%;
line-height: 25px;
font-weight: bold;
margin-bottom:10px;
}
/*
 * Background image always covers and centers its element
 */
.uk-cover-background {
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
/*
 * Emulates image cover, works with video and image elements
 * 1. Parent container which clips resized object
 * 2. Resizes the object to always covers its container
 * 3. Reset the responsive image CSS
 * 4. Center object
 */
/* 1 */
.uk-cover {
  overflow: hidden;
}
.uk-cover-object {
  /* 2 */
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  /* 3 */
  max-width: none;
  /* 4 */
  position: relative;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
/*
 * To center iframes use `data-uk-cover` JavaScript
 */
[data-uk-cover] {
  position: relative;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}


/*
 * 1. Normalizes default `font-family` and sets `font-size` here to support `rem` units
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 * 3. Style
 */
 /*
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}
/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/*
 * Style
 */
a {
  color: #5E88F0;
  text-decoration: none;
  cursor: pointer;
}
a:hover {
  color: #0F54FF;
  text-decoration: none;
}
html {
  /* 1 */
  font: 300 16px / 30px 'Roboto';
  /* 2 */
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  /* 3 */
  background: #ffffff;
  color: #d3d3d3;
/*
 * Removes default margin.

body {
  margin: 0;
} */
/*
 * 1. Responsiveness: Sets a maximum width relative to the parent and auto scales the height
 * 2. Corrects `max-width` behavior if padding and border are used
 * 3. Remove border when inside `a` element in IE 8/9/10.
 * 4. Remove the gap between images and the bottom of their containers
 */
img {
  /* 1 */
  max-width: 100%;
  height: auto;
  /* 2 */
  box-sizing: border-box;
  /* 3 */
  border: 0;
  /* 4 */
  vertical-align: middle;
}
/* Headings
 ========================================================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
  
}
/*
 * Margins
 */
* + h1,
* + h2,
* + h3,
* + h4,
* + h5,
* + h6 {
  margin-top: 0px;
}
/*
 * Sizes
 */



h3,
.uk-h3 {
  font-size: 18px;
  line-height: 34px;
}
h4,
.uk-h4 {
  font-size: 14px;
  line-height: 26px;
}
h5,
.uk-h5 {
  font-size: 14px;
  line-height: 20px;
}
h6,
.uk-h6 {
  font-size: 12px;
  line-height: 18px;
}
/*
 * Addresses inconsistent vertical alignment of `progress` in Chrome, Firefox and Opera.
 */
progress {
  vertical-align: baseline;
}
iframe {
  border: 0;
    position: relative;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/*
	 * Links
	 */
a {
  -webkit-transition: color 0.15s ease-in-out;
  transition: color 0.15s ease-in-out;
}