/*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: 6%;
		margin-left: 1%;
		margin-right: 1%;
		height: 100px;
		margin-bottom: 2%;

		}
      @-webkit-keyframes fadeInLeft {
            0% {
               opacity: 0;
               -webkit-transform: translateX(-20px);
            }
            100% {
               opacity: 1;
               -webkit-transform: translateX(0);
            }
         }

         @keyframes fadeInLeft {
            0% {
               opacity: 0;
               transform: translateX(-95px);
               transform: translateY(-120px);
            }
            100% {
               opacity: 1;
               transform: translateX(0);
               transform: translateY(-85px);

            }
         }

		.logo {
		width: 20%;
	
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            -webkit-animation-name: fadeInLeft;
            animation-name: fadeInLeft;
		} 
		.line {
		margin-top: -8%;
		height: 5px;
		background-color: black;
		}
		/*Body*/
		
		.promo {
		height: 250px;
		text-align: center;
		width: 85%;
		border: 4px dashed #f3c6b3;
  		
		margin-top: 2%;
		float: left;
		margin-left: 1%;
		padding-left: 1%;
		padding-right: 1%; 
		padding-bottom: 1.5%;
		margin-bottom: 3%;
		}
		.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: 300%;
			float: left;
			margin-left: -302%;
			margin-top: 22%;
			margin-right:1%;
			background-color: #d0bba9;
		}
		.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-left: 5%;
  			margin-top: 3%;
  			border: none;
  			padding-bottom: 0;
        font-family: myFirstFont;
  		}
      .contact {

      }
  		.gallery {
  			margin-right: 5%;
  		}
  		.menu:hover, .gallery:hover, .order:hover, .contact:hover {
  			color: #c2ae9d;
  		}
  		.updates-img {
  			width: 110%;
  		}
  		.amen-img {
  			width: 110%;
  			margin-top: 2%;
  		}
  		.rowtwo {
  			float: left;
  		}
  		.column {
  			margin-left: 2%;
  			float: left;
  			width: 31.3%;
  		}
  		.lob-pic {
  			width: 92%;
  			margin-left: 10%;
  		}
  		.rowbox {
  			text-align: center;
  			width: 100%;
  			margin-left: 8%;
  		}
  		.promfon {
  			font-family: myFirstFont;
  		}
  		.promfontwo, .promfonthree {
  			font-family: mysecFont;
  			text-align: center;
  		}
  		.promfonthree {
  			margin-left: -11%;
  		}
  		.bottom{
  			font-family: mythrFont;
  			text-align: center;
  			margin-bottom:13%;
  			margin-top: -2%;
  		}
  		.hour {
  			font-family: mythrFont;
  			margin-left: 1%; 
  			float: left;
  			padding-right: 2%;
  			padding-left: 0;
  			border-left: 4px dashed #F2D7C2;
  		}
  		.htitl {
  			font-family: myFirstFont;
  			text-align: center;
  			margin-left: 162%;
  			margin-bottom: 5%;
  			margin-top: -5%;
  		}
  		.schedul {
  			font-family: mysecFont;
  			margin-bottom: 13%;
  			margin-top: 13%; 
  			float: left;
  			margin-left: 26%;
  			padding-right: 11%;
  			border-right: 4px dashed #F2D7C2;
  		}
  		.schedli {
  			margin-bottom: -4.5%;
  		}
  		.schedltwo {
  			margin-left: 62%;
  			margin-bottom: -10%;
  		}
  		.rowfour {
  			margin-top: -7%;
  			padding-right: -5%;
  			padding-top: 10%;
  			float: left;
  			border: 4px dashed #f3c6b3;
  			width: 90%;
  		}
  		.twitt {
  			width: 100%;
  		}
  		.twittpic {
  			float: left;
  			width: 8%;
  			border-radius: 100%;
  			padding: 2.2%;
  			margin-top: -6.5%;
  		}
  		.follow {
  			margin-top: -9%;
  			float: left;
  			width: 35%;
  			margin-left: 6%;
  		}
  		.facebpic {
  			float: left;
  			width: 8%;
  			border-radius: 100%;
  			padding: 2%;
  			margin-top: -6.5%;
  			margin-left: 2%;
  		}
  		.instagpic {
  			float: left;
  			width: 8%;
  			border-radius: 100%;
  			padding: 2%;
  			margin-top: -6.5%;
  			margin-left: 2%;
  		}
  		 .footlogo {
        margin-top: 9%;
        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%;
       }