@font-face {
		font-family: myFirstFont;
  		src: url(../css/fonts/fnt1.ttf);
  		}
  		@font-face {
		font-family: mysecFont;
  		src: url(../css/fonts/fnt2.ttf);
  		}
  		@font-face {
		font-family: mythrFont;
  		src: url(../css/fonts/fnt3.ttf);
  		}
		.header {
    background-color: #ebe7e1;
    margin-top: 10%;
    margin-left: 1%;
    margin-right: 1%;
    height: 80px;
    margin-bottom: 2%;
    }
  
    .logo {
    width: 20%;
    transform: translate(210%,-70%);
    } 
    .line {
    margin-top: -4%;
    height: 5px;
    width: 100%;
    margin-bottom: 1%;
    background-color: black;
    transform: translate(0,-3550%
);
    }
    .menu, .gallery, .order, .contact {
        float: right;
        background-color: transparent;
        text-decoration: none;
        height: 45px;
        font-size: 30px;
        width: 10%;
        margin-top: -1.8%;
        border: none;
        padding-bottom: 0;
        font-family: myFirstFont;
        margin-bottom: -10%;
      }
      .contact {
        margin-right: 44%;
      transform: translate(205%, -1080%);
      }
      .menu {
        margin-right: 5%;
        transform: translate(-795%,-1080%);
      }
      .order {
        margin-right: 5%;
        transform: translate(-0%,-1080%);
      }
      .gallery {
        margin-right: 3%;
        transform: translate(-595%,-1080%);
      }
      .menu:hover, .gallery:hover, .order:hover, .contact:hover {
        color: #c2ae9d;
      }
		section {
      width: 33%;
      float: left;
    }
    .smallsec {
      width: 26%;
      float: left;
    }
    .bss1 {
      transform: translate(-152%, 10%);
    }
    .bss2 {
      transform: translate(215%, -91.5%);
    }
    .bss3 {
      transform: translate(-13%, -91.5%);
    }
    .sticker1, .sticker2, .sticker3, .sticker4 {
        margin: 0 0.5rem;
        width:5%;
      animation: swing 1s infinite; 
    
    }
    .sticker1 {
      width: 5%;
    
    }
    .sticker2 {
      width: 5%;
      
    }
    .sticker3 {
      width: 5%;
      
    }
    .sticker4 {
      width: 5%;  
    }
    .topnav {
      visibility: hidden;
    }
    .bp1, .bp2, .bp3 {
      transform: translate(0, -8%);
    }
    .stickersheet4 {
      transform: translate(-63%, -375%) rotate(18deg);
    }
    .stickersheet1 {
      transform: translate(23%, 530%) rotate(18deg);
    }
    .stickersheet2 {
    transform: translate(21%, -34%)rotate(18deg); }
    .stickersheet3 {
      transform: translate(-30%, -800%)rotate(18deg);
    }