@charset "UTF-8";
@-ms-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}

 /* Global image specification */

img {
  max-width: 100%;
}
#logo{
  width: 13%;
  margin: 0 auto;
  padding-top: 1em;
  
}
 /*
 *
 *  Copyright (c) David Bushell | http://dbushell.com/
 *
 */
/* normalize.css v2.0.1 | MIT License | git.io/normalize */
#outer-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
}
#inner-wrap {
  position: relative;
  width: 100%;
}
header,
nav {
  display: block;
}
[hidden] {
  display: none;
}
body {
  margin: 0 ;
  font-family: Source Sans Pro, Helvetica, sans-serif;
  font-weight: 300;
   font-size:100%;
  color: #000;
  background: #fff;
  position: relative;
  width: 100%;
  min-width: 20em;

 }
h1{
  font-weight: 400;
  font-size: 1em;
  color: #36C3DE;
  text-align: center;	
}
p {
  text-align: center;
  margin-top: 2em;
}
a:focus {
  outline: thin dotted;
}
a:active,
a:hover {
  outline: 0;
}
a {
  text-decoration: none;
}
.link-contact{
color: #36C3DE;	
}
#content {
  width: 55%;
  margin: 0 auto;
  padding-top: 2em;	
  padding-bottom: 2em;
  clear: both;
}

/* horizontal menu styles */

ul, li{
  list-style: none;
}
li a{
  color: #000;
  text-decoration: none;
  font-weight: 300;
  font-size: 1em;
}

/* main content and pictures */

#picture_content{
  text-align: center;
  margin-bottom: 7.5em;
  margin-top: 5em;
}
.image_front{
  margin-right: 1em;
  margin-top: 1em;  
} 

/* buttons settings */

.buttons a {
  width: 25px;
  height: 25px;
  display: inline-block;
  text-align: center;
  position: relative;
  line-height: 0px;
  background-color: #36C3DE;
  border-radius: 32px;
  -moz-border-radius: 32px;
  -webkit-border-radius: 32px;
}
.google{ 
  margin-right: 1em;
}
.facebook{ 
  margin-right: 1em;
}
.twitter{ 
  margin-right: 1em;
}
.buttons a:active {
  top: 1px;
  background-color: #36C3DE;
}
.buttons a::before {
  content: '';
  position: absolute;
  z-index: -1;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  background-color: #fff;
  border-radius: 140px;
  -moz-border-radius: 140px;
  -webkit-border-radius: 140px;
  opacity: 0.5;		
}
.buttons a:active::before {
  top: -1px;
}
.buttons a:hover::before { 
  opacity: 1;
}
.buttons a.twitter:hover::before {
  background-color: #36C3DE;
}
.buttons a.facebook:hover::before {
  background-color: #36C3DE;
}
.buttons a.google:hover::before {
  background-color: #36C3DE;
}
.buttons a.pinterest:hover::before {
  background-color: #36C3DE;
}
.twitter img { vertical-align: -14px;}
.google img { vertical-align: -14px;}
.facebook img { vertical-align: -14px;}
.pinterest img { vertical-align: -14px;}



/* footer */
footer {
  text-align: center;
  clear: both;
  padding-top: 2em;
  padding-bottom: 3em;
}
#links {
  padding-top: 1em; 
}
#links li {
  display: inline-block;
  margin-right: 1em;
  font-size: 0.9em;
  padding: 0;
}
#links li:last-child {
  margin-right: 0;
}
#links ul{
  margin-left: 0;
}