* {
  margin:0;
  padding:0;
}
header {
  display:block;
  background-color:white;
  width:100%;
  height:200px;
}

#container {
  width: 100%;
  overflow: hidden;
  margin-top:50px;
  background: white;
}


.imag{
  height:400px;
}
 
.photobanner {
    height: 400px;
    width: 12000px;
    margin-bottom: 80px;
}

.first {
  -webkit-animation: bannermove 50s linear infinite;
     -moz-animation: bannermove 50s linear infinite;
      -ms-animation: bannermove 50s linear infinite;
       -o-animation: bannermove 50s linear infinite;
          animation: bannermove 50s linear infinite;
}
 
@keyframes "bannermove" {
 0% {
    margin-left: 0px;
 }
 100% {
    margin-left: -12000px;
 }
 
}
 
@-moz-keyframes bannermove {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -12000px;
 }
 
}
 
@-webkit-keyframes "bannermove" {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -12000px;
 }
 
}
 
@-ms-keyframes "bannermove" {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -12000px;
 }
 
}
 
@-o-keyframes "bannermove" {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -12000px;
 }
 }


#image {
  margin:0 auto;
  height:133px;
  display:block;
  background-color:white;
}
#top {
  background-color:white;
  width:100%;
  height:135px;
}
#navbar {
  width:100%;
  height:65px;
  background-color:white;
  overflow: hidden;
}
.sticky {
  position: fixed;
  top: 0;
  width: 100%
}
.here{
  text-decoration:none;
  color:green;
}
.sticky + .content {
  padding-top: 60px;
}
@media screen and (min-width: 30em) {
  input[type=submit] {
    width: 100%;
    background-color: green;
    color: white;
    padding: 14px 20px;
    margin: 4px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
  table{
    margin:0 auto;
  }
 .inp{
  width:100%;
  text-align:center;
 }
  .contact {
    padding-top:50px;
    width:35em;
    margin:0 auto;
    height:500px;
    background-color:white;
    text-align:center;
  }
  footer {
    width:100%;
    background: linear-gradient(white, #797979);
    height:200px;
  }
  #social {
    width:100px;
    height:100px;
    padding:10px;
  }
  .gallery {
    width:35em;
    text-align:center;
    margin:0 auto;
    height:100px;
  }
  .about {
    width:35em;
    text-align:center;
    margin:0 auto;
    height:250px;
  }
  .ab {
    color: #434343;
    width:35em;
    text-align:center;
    font-family: 'Acme', sans-serif;
  }
  h1 {
    font-size:35px;
    padding:10px;
    margin-top:20px;
    color: #434343;
    font-family: 'Acme', sans-serif;
  }
  #all {
    width:35em;
    margin:0 auto;
    height:1000px;
    background-color:white;
  }
  .content1 {
    float:left;
  }
  .content2 {
    float:right;
  }
  .content3 {
    float:left;
  }
  .content4 {
    float:right;
  }
  .content5 {
    float:left;
  }
  .content6 {
    float:right;
  }
  .about {
    width:35em;
    margin:0 auto;
    height:250px;
  }
  #cont2 {
    width:35em;
    margin:0 auto;
    height:250px;
    background-color:white;
  }
  #cont3 {
    width:35em;
    margin:0 auto;
    height:250px;
    background-color:white;
  }
  #cont{
    width:35em;
    margin:0 auto;
    height:250px;
    background-color:white;
  }
  ul { 
   clear: left;
   float: left;
   list-style: none;
   margin: 0;
   padding: 0;
   position: relative;
   left: 50%;
   text-align: center;
}
 ul li {
   display: block;
   float: left;
   list-style: none;
   margin: 0;
   padding: 0;
   position: relative;
   right: 50%;
}
 ul li a {
   display: block;
   margin: 0 0 0 1px;
   padding: 3px 10px;
   text-decoration: none;
   line-height: 20px;
   display:block;
    padding:15px;
    text-decoration:none;
    text-align:center;
    color:#6D6D6D;
    font-size:22px;
    font-family: 'Kavivanar', cursive;
}
}
a:hover{
  color:green;
}
.active{
  color:green;
}

#banner {
  clear:both;
  background-image:url(../images/bg1.jpg);
  width:100%;
  background-repeat: no-repeat;
  background-size:100%;
  height:70%;
  -moz-box-shadow:    inset 0 0 20px #000000;
  -webkit-box-shadow: inset 0 0 20px #000000;
  box-shadow:         inset 0 0 20px #000000;
}
.desc {
  color:white;
  text-shadow: 2px 2px 4px #000000;
  font-size:50px;
  text-align:center;
  font-family: 'Acme', sans-serif;
  padding-top:50px;
  padding-bottom:3%;
}
#plank {
  background-image:url(../images/plank.jpeg);
  height:50px;
  clear:both;
  background-size:100%;
}
button
{
  display: inline-block;
  margin: 0 auto;
}
.center {
  text-align: center;
}
.button {
  background-color: white; 
  border: none;
  color: #434343;
  padding: 20px;
  text-shadow: 2px 2px 4px white;
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 22px;
  margin: 4px 2px;
  line-height: 25px;
  cursor: pointer;
  margin-bottom:7%;
  font-family: 'Acme', sans-serif;
}
.button4 {
  border-radius: 12px;
}
button a{
  text-decoration:none;
  color: #3A3A3A;
  font-family: 'Acme', sans-serif;
}
.slicknav_menu {
  display:none;
}
@media screen and (max-width: 28em) {
   input[type=submit] {
    width: 100%;
    background-color: green;
    color: white;
    padding: 12px 10px;
    margin: 4px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
  table{
    margin:0 auto;
  }
 .inp{
  width:100%;
  text-align:center;
 }
  footer{
    font-size:12px;
    bottom:0;
  }
  .js #menu {
    display:none;
  }
  footer{
    width:100%;
    background: linear-gradient(white, #797979);
    
    height:100px;
  }
@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}
div#slider figure { 
  width: 500%; 
}
  .js .slicknav_menu {
    display:block; 
  }
  #all{
    width:15em;
    margin:0 auto;
    height:1600px;
    background-color:white;
  }
  #cont{
  width:15em;
  margin:0 auto;
  height:440px;
  background-color:white;
}
 #cont2{
  width:15em;
  margin:0 auto;
  height:440px;
  background-color:white;
}
 #cont3{
  width:15em;
  margin:0 auto;
  height:440px;
  background-color:white;
}
  .content1{
  margin:0 auto;
  margin-top:8px;
}
.content2{
  margin:0 auto;
 margin-top:8px;
}
.content3{
  margin:0 auto;
 margin-top:8px;
}
.content4{
  margin:0 auto;
 margin-top:8px;
}
.content5{
  margin:0 auto;
  margin-top:8px;
}
.content6{
  margin:0 auto;
  margin-top:8px;
}
  nav{
    display:none;
  }
  header{
    height:150px;
  }
  #navbar{
    display:none;
  }
    .desc{
    font-size:25px;
    padding-top:20px;
  }
  .button {
  background-color: white; 
  border: none;
  color: #434343;
  padding: 20px;
  text-shadow: 2px 2px 4px white;
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  margin: 4px 2px;
  line-height: 25px;
  cursor: pointer;
  margin-bottom:7%;
  font-family: 'Acme', sans-serif;
}
.about{
  width:16em;
  margin:0 auto;
  height:250px;
}
.gallery{
  width:16em;
  text-align:center;
  margin:0 auto;
  height:140px;
}
.contact{
  width:16em;
  text-align:center;
  margin:0 auto;
  height:500px;
}
#social{
  width:50px;
  height:50px;
  padding:10px;
}
.ab{
  color: #434343;
  width:16em;
  font-family: 'Acme', sans-serif;
}
h1{
  font-size:16px;
  padding:10px;
  color: #434343;
  font-family: 'Acme', sans-serif;
}
}
div.polaroid {
  width: 250px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-align: center;
}
div.container {
  padding: 10px;
}
footer{
  color: #434343;
  font-family: 'Acme', sans-serif;
  clear:both;
  text-align:bottom;
  position: relative;
}
.kk{
  color:green;
  text-decoration:none;
}
.foot{
    position: absolute;
    bottom: 40px;
    width: 100%;
    text-align: center;
}