@charset "utf-8";
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body {
    font-family: Poppins;
    width: 100%;
	height: auto;
	background-color:#000;
	color:#fff;}

 .animate {
  	animation-name: myAnimation;
  	animation-duration: 2s;  
	position: relative;
}
 .animate2 {
  	animation-name: myAnimation;
  	animation-duration: 2.5s;  
	position: relative;
}
 .animate3 {
  	animation-name: myAnimation;
  	animation-duration: 3s;  
	position: relative;
} .animate4 {
  	animation-name: myAnimation;
  	animation-duration: 3.5s;  
	position: relative;
}
@keyframes myAnimation {
  0%   {top:-1000px;}
  100% {top:0px;}
}


 .animateleft {
  	animation-name: myAnimationl;
  	animation-duration: 2s;  
	position: relative;
}
 
@keyframes myAnimationl {
  0%   {left:-800px;}
  100% {left:0px;}
}

 .animateright {
  	animation-name: myAnimationr;
  	animation-duration: 2s;  
	position: relative;
}
 
@keyframes myAnimationr {
  0%   {right:-800px;}
  100% {right:0px;}
}




    header {
		background-color:#000;
		color:#fff;
        width: 100%;
        padding: 15px 25px 10px 25px;
        display: flex;
        justify-content: space-between;
		flex-wrap:wrap;
		text-transform: uppercase;
		text-align: center;

        }
header img {max-width:100%; height: auto;}
.align-right {width:100%; text-align: right; padding-bottom: 20px;}	
.home-section button {
                        background: #000;
                        color: white;
						padding: 5px 10px;
                        font-size: 20px;
                        border: 0;
                        outline: none;
                        cursor: pointer;
                        border-radius: 8px;
						text-transform: uppercase;
                    }
    main {
        width: 100%;
        padding: 5px;
		background-image: url("restaurant-rockhampton.jpg");
		background-position: top left;
		background-repeat: repeat-x;
		background-size: auto 100%;
		background-color:#331608;
color:#fff;}
main a {color:#fff;}

.logo-section {display:flex; justify-content: space-between; flex-wrap: wrap; margin: 30px auto; text-align: center;}
.logo-section div {padding:10px; width:24%; margin: 0 auto;}
.logo-section img {width:100%; max-width:313px; height: auto;transition: transform .2s;}
.logo-section img:hover {
  -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1); 
}
.logo-section p {text-align: center; margin-top:20px;}
.logo-section p img {width:auto; height: auto;}

@media screen and (max-width: 1000px) {
	.logo-section div {width:49%;}
}

.content {display:flex; justify-content: space-between; flex-wrap: nowrap;}
.content-text {width:49%;}
.good-times {width:49%;}
.good-times img {width:auto; height: auto; max-width:100%;}
        .client-section {
            width: 95%;
			max-width:1600px;
            margin: 80px auto;
            display: flex;
            flex-direction: column;
			row-gap: 100px;}
@media screen and (max-width: 1000px) {
	.content {flex-wrap: wrap; justify-content: center;}
	.good-times {width:90%; padding-bottom:20px;}
	.content-text {width:90%;}
}
            

    footer {
        width: 100%;
        background: #000;
		color: #fff;}

        .footer-header {
            display: flex;
            justify-content: space-evenly;
			padding: 50px;}

            .footer-header div {
                width: 25%;
            }

            .footer-nav ul {
                    display: flex;
				flex-direction: column;}
    
                   .footer-nav li {
					   list-style: none;}
    
                        .footer-nav a {
                            text-decoration: none;
                            font-size: 18px;
                            color: #F2F2F2;
                            font-weight: 300;
                        }
            .footer-social .footer-logo h4 {
                        font-size: 20px;
                        font-weight: 500;
                    }
                .footer-logo ul {
                    margin-top: 5px;
                    display: flex;
					column-gap: 5px;}
    
                    .footer-logo li {
						list-style: none;}
    
                        .footer-logo a {
							text-decoration: none;}

                            .footer-logo img {
                                width: 90%;
                            }

            .footer-join {
                position: relative;
                height: 50px;
                display: flex;
                flex-direction: column;
				justify-content: space-between;}

                .footer-join span {
                    font-size: 9px;
                    font-weight: 500;
                    color: #F2F2F2;
                }
                .footer-join input {
                    width: 100%;
                    height: 35px;
                    outline: none;
                    border: 0;
                    background: #F2F2F2;
                    border-radius: 8px;
                    padding: 5px 65px 5px 15px;
                }
                .footer-join button {
                    position: absolute;
                    bottom: 2px;
                    right: 2px;
                    background: #2D9CDB;
                    color: white;
                    font-size: 10px;
                    width: 55px;
                    height: 31px;
                    border: 0;
                    outline: none;
                    cursor: pointer;
                    border-radius: 8px;
                }

        .footer-body {
            height: 50px;
            color: #BDBDBD;
            display: grid;
            place-items: center;
			font-size: 12px;}
          
            .footer-body a {
                text-decoration: none;
                color: inherit;
            }