/*HEADER*/
		@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: 70%;
    transform: translate(-130%,-450%);
		} 
		.line {
		margin-top: -1%;
		height: 5px;
    width: 100%;
		background-color: black;
    transform: translate(0,4%
);
		}
		/*Body*/
		.stickersheet1 {
      transform: translate(70%,-1120%);
      margin: 0;
      padding:0;
    }
     .sticker1 {
        margin: 0 0.5rem;
        width:20%;
      animation: swing 1s infinite; 
    
    }
		.promo {
		height: 280px;
		text-align: center;
		width: 88%;
		border: 4px dashed #f3c6b3;
		margin-top: 2%;
		float: left;
		margin-left: 1%;
		padding-left: 1%;
		padding-right: 1%; 
		padding-bottom: 1%;
		margin-bottom: 10%;
		}
		.sche {
		width: 29%;
		float: left;
		margin-left: 1%;
		padding-left: 1%;
		padding-right: 1%; 
		}
		.social {
		width: 28%;
		float: left;
		margin-top: -8%;
		margin-left: 68%;
		margin-right: 1%;
		padding-left: 1%;
		margin-bottom: 2%;
		}
		
		ul, li {
			list-style-type: none;
		}
		footer {
			width: 310%;
			float: left;
			margin-left: -215%;
			margin-top: 25%;
			margin-right:1%;
			background-color: #d0bba9;
      margin-bottom: -5%;
		}
		.sticky {
  		position: fixed;
  		top: -10%;
  		left:2%;
  		max-width: 85%;
		padding-top: 2%;
  		margin-right: 2%;
  		}
  		.left, .right {
  			max-width: 48%;
  			float: left;
  			padding-right: 0;
  			margin-right: 0;
  		}
  		.right {
  			margin-right: -10%;
  		}
  		.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: -50%;
  		}
      .contact {
        margin-right: 44%;
      transform: translate(365%,-1135%);
      }
      .menu {
        margin-right: 5%;
        transform: translate(-800%,-1135%);
      }
      .order {
        margin-right: 5%;
        transform: translate(-195%,-1135%);
      }
  		.gallery {
  			margin-right: 3%;
        transform: translate(-625%,-1135%);
  		}
  		.menu:hover, .gallery:hover, .order:hover, .contact:hover {
  			color: #c2ae9d;
  		}
  		.updates-img {
  			width: 105%;
  		}
  		.amen-img {
  			width: 130%;
        margin-top: 0;
  		}
      .rowoneb {

        transform: translate(-13%,-14%);
        margin-top: 2%;

      }
  		.rowtwo {
  			float: left;
  		}
  		.column {
  			margin-left: 2%;
  			float: left;
  			width: 31.3%;
        margin-top: 0%;
  		}
      .columnone {
      margin-left: 2%;
        float: left;
        width: 31.3%;
        margin-top: -20%;
      }
      .columntwo{
          margin-left: 2%;
        float: left;
        width: 31.3%;
        margin-top: -20%;
      }
      .columnthree{
          margin-left: 2%;
        float: left;
        width: 31.3%;
        margin-top: -20%;
      }
  		.lob-pic {
  			width: 95%;
  			margin-left: 6%;
  		}
  		.rowbox {
  			text-align: center;
  			width: 100%;
  			margin-left: 8%;
  		}
  		.promfon {
  			font-family: myFirstFont;
        font-weight: 5%;
  		}
  		.promfontwo, {
  			font-family: mysecFont;
  			text-align: center;
  		}
  		.promfonthree {
        font-size: 145%;
        font-family: mysecFont;
        text-align: center;
  			margin-left: -11%;
  		}
  		.bottom{
        font-size: 145%;
  			font-family: mysecFont;
  			text-align: center;
  			margin-bottom:13%;
  			margin-top: -2%;
  		}
  	
  		
  		.hoursimg {
        width: 94%;
      }
  		.rowfour {
  			margin-top: -7%;
  			padding-right: -5%;
  			padding-top: 10%;
  			float: left;
  			border: 4px dashed #f3c6b3;
  			width: 90%;
  		}
  		
  		 .footlogo {
        margin-top: 0%;
        margin-left: 8%;
        width: 60%;
       }
       .news {
        font-family: myFirstFont;
        font-size: 220%;
        margin-top: 14%;
        margin-left: 7%;
       }
       .email {
        width: 85%;
        margin-left: 7%;
        height: 32px;
       }
       .subbutton {
        width: 29%;
        height: 42px;
        margin-left: 66%;
        margin-top: 2%;
        border-radius: 10%;
        background-color: #f3c6b3; /* Green */
        border: none;
        color: black;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-family: mysecFont;
       }
       .subbutton:hover {
        background-color: #ebe7e1;
        color: black;
       }
       .design, .copyright {
        text-align: center;
        font-size: 250%;
       }
       .footernum {
        text-align: center;
        font-family: myFirstFont; 
        font-size: 260%;
        margin-top: 14%;
       }
       .copyright {
        text-align: center;
        font-family: mythrFont;
        margin-bottom: -7%;
        font-size: 115%;
       }
       .design {
        font-family: mythrFont;
        font-size: 175%;
       }
       .linetwo {
        margin-top: -3.8%;
        height: 5px;
        width: 86.2%;
        background-color: black;
       }
       .footlogo {
        z-index: 1;
        border-right: 3px dashed black;
        border-left: 3px dashed black;
        padding-left:20%;
        padding-right: 20%;
       }
       .rowz {
        margin-top: 5%;
       }
       .follow {
        width: 28%;
        background-color: #d0bba9;
        transform: translate(-16%, -6% );
        margin-right: -8%;
       }
       .twitter {
        width: 13%;
        background-color: #f2d7c2;
        border-radius: 57%;
        padding: 2%;
       }
       .twitter:hover{
        background-color: #ff5311;
        filter: invert(100%);
       }
       .facebook {
        width: 15%;
        background-color: #f3c6b3;
        border-radius: 55%; 
        padding: 1%;
       }
       .facebook:hover {
        background-color: #c4a667;
          filter: invert(100%);
       }
       .instagram {
        width: 12%;
        background-color: #ebe7e1;
        padding: 2%;
        border-radius: 55%;
       }
       .instagram:hover {
        background-image: linear-gradient(to bottom left, #75c546, #03339c);
        filter: invert(100%);
       }
       .topnav {
        visibility: hidden;
       }