body{
	margin:0px;
	padding:0px;
	background-color: #f9ece1; /* For browsers that do not support gradients */
 	background-repeat:no-repeat;
 	background-size:cover;
	background-attachment:fixed;
	background-position:center;

}

div.main {
	margin-left:auto;
	margin-right:auto;
    padding:0px;
	width:1000px;
	height:1500px;
}

div.part-1{
	width:1000px;
	height:200px;
	float:left;
}

div.part-11{
	width:200px;
	height:200px;
	float:left;
}

div.part-12{
	width:600px;
	height:200px;
	float:left;
}

div.part-13{
	width:200px;
	height:200px;
	float:left;
}

.container {
  margin: 200px 0 0 200px;
  display: inline-block;
}

.circle {
  border-radius: 10%;
  height: 87px;
  width: 500px;
  margin: 10px;
  float: left;
  
  animation-name: bounceInDown;
  -webkit-animation-name: bounceInDown;
  animation-duration: 3s;
  -webkit-animation-duration:3s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-direction: alternate;
  -webkit-animation-direction: alternate;
}

.circle0 {
  height: 87px;
  width: 500px;
  margin: 10px;
  float: left;
  animation-name: bounceInDown;
  -webkit-animation-name: bounceInDown;
  animation-duration: 3s;
  -webkit-animation-duration:3s;
  @extend .circle;
  background: PaleTurquoise;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
} 

.circle1 {
  height: 87px;
  width: 500px;
  margin-top:50px;
  margin-left:50px;
  float: left;
  border-radius:15px;
	  animation-name: bounceInDown;
  -webkit-animation-name: bounceInDown;
  animation-duration: 3s;
  -webkit-animation-duration:3s;
  @extend .circle;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
}

.circle2 {
   @extend .circle;
  background: lightskyblue;
  animation-timing-function: ease-in;
  -webkit-animation-timing-function: ease-in;

}

.circle3 {
  @extend .circle;
  background: khaki;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
}

.circle4 {
  @extend .circle;
  background: mediumturquoise;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
}

.circle5 {
  @extend .circle;
  background: thistle;
  animation-timing-function: cubic-bezier(0,1,.98,0);
  -webkit-animation-timing-function: cubic-bezier(0,1,.98,0);
}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }


  100% {
    -webkit-transform: none;
            transform: none;
  }
}

div.part-2{
	width:1000px;
	height:1093px;
	float:left;
}

img.imge{
	width:1000px;
	height:1093px;
}

div.footer{
	width:1000px;
	height:300px;
	float:left;
	background: #e8d8d0; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left top, #e8d8d0, #fbf4ee); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(top left, #e8d8d0, #fbf4ee); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(top left, #e8d8d0, #fbf4ee); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to top left, #e8d8d0, #fbf4ee); /* Standard syntax */
}

div.foot{
	width:1000px;
	height:100px;
	float:left;
}
  
div.footer-1{
	width:100px;
	height:200px;
	float:left;
}

div.footer-2{
	width:800px;
	height:200px;
	float:left;
}

div.footer-21{
	width:800px;
	height:50px;
}

div.footer-22{
	width:800px;
	height:130px;
}

div.footer-3{
	width:100px;
	height:200px;
	float:left;
}

div.footer-00{
	width:50px;
	height:50px;
	float:left;
}

div.footer-0{
	width:15px;
	height:50px;
	float:left;
}

div.footer-211{
	width:160px;
	height:50px;
	float:left;
}

div.footer-213{
	width:160px;
	height:50px;
	float:left;
}

div.footer-214{
	width:160px;
	height:50px;
	float:left;
}

div.footer-215{
	width:160px;
	height:50px;
	float:left;
}

a.tittle{
	text-decoration:none;
	color:#9a7f71;
	font-size:20px;
	text-align:center;
	display:block;
	padding-top:20px;
}

p.text{
	font-family:tahoma;
	font-size:16px;
	font-style:inherit;
	text-align:center;
	color:#9a7f71;
}

p.text-1{
	font-family:tahoma;
	font-size:16px;
	font-style:inherit;
	text-align:center;
	color:#9a7f71;
}

p.text-2{
	font-family:Times New Roman, serif;
	font-size:14px;
	font-style:inherit;
	text-align:center;
	color:#9a7f71;
}

img.insta{
	width:40px;
	height:40px;
	padding-right:20px;
}