@charset "utf-8";
/* CSS Document */



div.gallery {

  float: left;
  width: 100%;
  position:relative;
  height: 10em;
  padding: 2.8em;
        /*2.8em = 2em*1.4 (2em = half the width of a link with img, 1.4 = sqrt(2))*/
  margin: 2.75em auto 0;
}
div.gallery img{
	float:left;
	width:150px;
	height:150px;	
	overflow:hidden;
	padding:20px;
	border:solid #ccc thin;
	border-radius:40px;
	margin: 10px 20px;
	transition: 0.2s ease-in-out;
}
div.gallery img:hover{
	transform: scale(1.2);
}/* CSS Document */

/*.circular--gallery{
  position: relative;
  width: 200px;
  height: 200px;
  overflow: hidden;
  border-radius: 50%;
}

.circular--gallery img {
  width: 100%;
  height: auto;
}*/


html,body{
  background: url(../images/bg.jpg) ;
  height:100%;
  width:100%;
  position:absolute;
  overflow:hidden;
  background-repeat: no-repeat;
  background-size: cover;
}
/*
    .gallery a {
        display: block;
      position:relative;
        top: 50%; left: 50%;
        width: 4em; height: 4em;
        margin: -25em;
    }


    .gallery img { display: block; width: 100%;}
    .deg0 { transform: translate(12em); } /* 12em = half the width of the wrapper 
    .deg45 { transform: rotate(45deg) translate(12em) rotate(-45deg); }
    .deg135 { transform: rotate(135deg) translate(12em) rotate(-135deg); }
    .deg180 { transform: translate(-12em); }
    .deg225 { transform: rotate(225deg) translate(12em) rotate(-225deg); }
    .deg315 { transform: rotate(315deg) translate(12em) rotate(-315deg); }
     .deg420 { transform: rotate(420deg) translate(12em) rotate(-420deg); }*/