* {margin: 0; padding: 0;}



h1 {font-size: 2.3rem;}

nav, h1, h2 {font-family: 'Gabriela'; }



h3, h4, p, a {font-family: 'Glass Antiqua'; text-decoration: none;}

#hamburger-icon {display: none;}

a:hover {color: #D29E42;}
  
a:active {color: #D29E42;}

section {display: inline-block;}

  nav {height: 10vh; width: 100%; position: fixed; top:0; background-color: white;}

    nav ul { text-align: center; width: 50%; margin: auto; margin-top: 2.5%;}

    nav li { display: inline; font-size: 1.1rem; margin-right: 5%;}

    nav a {text-decoration: none; color: #24724E; }

    nav a:link {font-family: 'Gabriela'; }


main, section {width: 100%; height: 100vh;}

.title {width: 80%; margin: 0 auto; margin-top: 5%; font-size: 1.3rem;}

.description {width: 80%; margin: 0 auto; margin-top: 2%; font-size: 1.5rem;}

/* section 1 */

.section-1 {background-image: url("../images/rice-main.jpg"); background-size: cover;
background-position: center; background-repeat: no-repeat; height: 75vh; margin-top: 10vh;}

  .main {text-align: center; font-size: 5rem; color: white;}

  .cta-menu-box {text-align: center; width: 50%; margin-top: 12%;}

  .cta-menu-link { background-color: white; padding: 15px; margin: 0 auto; width: 100%; border-radius: 15px;}

  .cta-menu-link:hover {background-color: #24724E;}
/* section 2 */

.section-2 {height: 50vh; background-color: #5C4280; }

  .title.opening-statement { color: #D29E42; }

  .description.opening-statement {color: white;}


 /* section 3 */
   

.section-3 {width: 50%; height: 75vh;}
  
  .location {width: 80%; margin: 0 auto; margin-top: 8%; color: #5C4280;}

  .address {margin-top: 7%;}

  .hours {margin-top: 3%;}

 /* section 4 */

.section-4 {width: 50%; height: 75vh; float: right; }

	#map {height:75vh; width: 50%; z-index:-1;}


/* section 5 */

.section-5 {height: 60vh; background-color: #D29E42;  }

	.title.delivery {color: #5C4280;}

	.description.delivery {margin-top: 2%;}

	.delivery-links {width: 180px; height: 50px; display: inline-block; margin-right: 1%;
      border-radius: 15px;background-position: center; 
      background-size: cover;}
     .delivery-links.dd {background-image: url("../images/doordash.jpg");}
     .delivery-links.pm {background-image: url("../images/postmates.png");}
     .delivery-links.gh {background-image: url("../images/grubhub.png");}


/* section 6 */

.section-6 {height: 45vh; }

	.gallery-container {width: 90%; height: 85%; margin: 0 auto; margin-top: 3%; margin-bottom: 3%; padding: 0.25%;}


/* section 7 */

.section-7 { height: 30vh; background-color: #24724E;}

  .form { margin: 0 auto; margin-top: 4%;  width: 80%; }

  #subscribe-header {color: #D29E42;}

    input {margin-top: 1%;}

            input[type=text] {
              padding: 9px 15px;
              width: 55%;
              font-family: "Numans";
              border: none;
              border-radius: 4px;


            }

            input[type=submit]{
              height:30px;
              background-color: #5C4280;
              color: white;
              padding: 6px 20px;
              border: none;
              border-radius: 4px;
              cursor: pointer;
              font-family: 'Glass Antiqua';
            }

            input[type=submit]:hover {
              background-color: #D29E42; color: #5C4280;
            } 




/* section 8 */

.section-8 {height: 25vh; background-color: #24724E; text-align: center; color: #D29E42;}
	
	.ft {background-color: #24724E; width: 100%; height: 100%; float: left;}

	.footer-text {width: 80%; margin: 0 auto;
			margin-top: 8%;}	

	.ft.social-media {width: 30%;}

		.social-media-title {width: 50%; margin: 0 auto;
			margin-top: 8%; font-size: 0.8rem;}

		.fab {font-size: 2.5rem; margin-top: 5%; margin-right: 5%;}		

	.ft.address-box {width: 40%;}

		.footer-address {width: 80%; margin: 0 auto;
			margin-top: 7%;font-size: 0.8rem;}

	.ft.phone-number-box {width: 30%;}

		.phone-number {width: 80%; margin: 0 auto;
			margin-top: 10%;font-size: 0.8rem;}
	

 

/* tablet */

@media screen and (min-width: 479px) and (max-width: 768px) {

.title {width: 80%; margin: 0 auto; margin-top: 5%; font-size: 1.2rem;}

.description {width: 80%; margin: 0 auto; margin-top: 3%; font-size: 1.3rem;}

#hamburger-icon {display: block; position: fixed; line-height: 0; top: 16px; left: 25px; z-index: 100; width: 40px; float: left;
                   font-size: 2em; padding: 13px 5px 20px ; border: none; background-color: transparent; color: #24724E; cursor: pointer;}

  #hamburger-icon:hover {background-color: transparent;}

nav {height: 8vh; width: 100%; position: fixed; top:0; background-color: white;}

nav ul { display: none;}

nav li { display: block; opacity: 1; font-size: 1.3rem; margin-right: 0%; padding: 2%; text-align: center;}

nav a {text-decoration: none;  }

nav a:link {font-family: 'Gabriela'; }

.active {display: block; background-color: white; width: 100%; padding-top: 55px; border-color: white; opacity: 1; position: fixed;}

/* section 1 */

.section-1 {height: 60vh; margin-top: 8vh;}

  .main-image {}

  .main {text-align: center; margin-top:9%;}

  .cta-menu-box {text-align: center; width: 50%; margin-top: 10vh;}

  .cta-menu-link {padding: 15px; margin: 0 auto; width: 100%; border-radius: 15px; font-size: 1rem;}


/* section 2 */

.section-2 {height: 30vh;}

  .opening-statement {}


 /* section 3 */
   

.section-3 {width: 100%; height: 50vh;}
  
  .location {width: 55%; margin: 0 auto; margin-top: 6%;}

  .address {width: 55%; margin-top: 3%;}

  .hours {width: 55%; margin-top: 2%;}

 /* section 4 */

.section-4 {width: 100%; height: 50vh;}

	#map {height:75vh; width: 100%; z-index:-1;}


/* section 5 */

.section-5 {height: 30vh; }

	.delivery {}

	.description.delivery {}

	.delivery-links {width: 110px; height: 40px; display: inline-block; margin-right: 0.7%;}


/* section 6 */

.section-6 {height: 48vh; }

	.gallery-container {width: 90%; margin: 0 auto; margin-top: 2.5%; margin-bottom: 3%; padding: 1%;}



/* section 7 */

.section-7 {height: 28vh;}

  .form { margin: 0 auto; margin-top: 5%;  width: 70%;}

    input {margin-top: 1%;}

            input[type=text] {
              padding: 9px 15px;
              width: 55%;
              font-family: "Numans";
              border: none;
              border-radius: 4px;

            }

            input[type=submit]{
              height:30px;
              background-color: #5C4280;
              color: white;
              padding: 6px 20px;
              border: none;
              border-radius: 4px;
              cursor: pointer;
			  font-family: 'Glass Antiqua';
            }

            input[type=submit]:hover {
              background-color: #D29E42; color: #5C4280;
            }



.section-8 {height: 25vh; background-color: #24724E; text-align: center; color: #D29E42;}
  
  .ft {background-color: #24724E; width: 100%; height: 100%; float: left;}

	.footer-text {width: 80%; margin: 0 auto;
			margin-top: 8%;}	

	.ft.social-media {width: 30%;}

		.social-media-title {width: 80%; margin: 0 auto;
			margin-top: 8%; font-size: 0.7rem;}

		.fab {font-size: 2.5rem; margin-top: 5%; margin-right: 5%;}		

	.ft.address-box {width: 40%;}

		.footer-address {width: 80%; margin: 0 auto;
			margin-top: 7%;font-size: 0.7rem;}

	.ft.phone-number-box {width: 30%;}

		.phone-number {width: 80%; margin: 0 auto;
			margin-top: 13%;font-size: 0.7rem;}
	



}




/* mobile */

@media screen and (max-width: 479px){

.title {width: 80%; margin: 0 auto; margin-top: 5%; font-size: 1rem;}

.description {width: 80%; margin: 0 auto; margin-top: 3%; font-size: 1.2rem;}

  #hamburger-icon {display: block; position: fixed; line-height: 0; top: 11px; left: 25px; z-index: 100; width: 40px; float: left;
                   font-size: 2em; padding: 18px 5px 20px ; border: none; background-color: transparent; color: #24724E;  cursor: pointer;}

  #hamburger-icon:hover {background-color: transparent;}

nav {height: 7vh; width: 100%; position: fixed; top:0; background-color: white;}

nav ul { display: none;}

nav li { display: block; opacity: 1; font-size: 1.3rem; margin-right: 0%; padding: 2%; text-align: center;}

nav a {text-decoration: none; color: #24724E;  }

nav a:link {font-family: 'Gabriela'; }

.active {display: block; background-color: white; width: 100%; padding-top: 55px; border-color: white; opacity: 1; position: fixed;}


/* section 1 */

.section-1 {height: 50vh; margin-top: 7vh;}

  .main-image {}

  .main {text-align: center; margin-top: 10%;}

  .cta-menu-box {text-align: center; width: 50%; margin-top: 12%;}

  .cta-menu-link {padding: 15px; margin: 0 auto; width: 100%; border-radius: 15px; font-size: 1rem;}


/* section 2 */

.section-2 {height: 35vh;}

  .opening-statement {margin-top: 5%;}


 /* section 3 */
   

.section-3 {width: 100%; height: 40vh;}
  
  .location {width: 55%; margin: 0 auto; margin-top: 6%;}

  .address {width: 55%; margin-top: 3%;}

  .hours {width: 55%; margin-top: 2%;}

 /* section 4 */

.section-4 {width: 100%; height: 50vh;}

  #map {height:75vh; width: 100%; z-index:-1;}


/* section 5 */

.section-5 { height: 50vh; }

  .delivery {}

  .description.delivery { margin-top: 3vh; }

  .delivery-links {width: 60%; height: 17%; display: block; 
    margin-right: 0%; margin: 0 auto; margin-bottom: 3%;}


/* section 6 */

.section-6 {height: 48vh; }

  .gallery-container {width: 90%; height: 95%; margin: 0 auto; margin-top: 8%; margin-bottom: 3%; padding: 1%;}



/* section 7 */

.section-7 {height: 20vh;}

  .form { margin: 0 auto; margin-top: 6%;  width: 70%;}

    input {margin-top: 1%;}

            input[type=text] {
              padding: 9px 15px;
              width: 55%;
              font-family: "Numans";
              border: none;
              border-radius: 4px;

            }

            input[type=submit]{
              height:30px;
              background-color: #5C4280;
              color: white;
              padding: 6px 20px;
              border: none;
              border-radius: 4px;
              cursor: pointer;
        font-family: 'Glass Antiqua';
            }

            input[type=submit]:hover {
             background-color: #D29E42; color: #5C4280;
            }

/* section 8 */

.section-8 {height: 25vh; background-color: #24724E; text-align: center; color: #D29E42;}
  
  .ft {background-color: #24724E; width: 100%; height: 100%; float: left;}

  .footer-text {width: 80%; margin: 0 auto;
      margin-top: 8%;}  

  .ft.social-media {width: 30%;}

    .social-media-title {width: 80%; margin: 0 auto;
      margin-top: 8%; font-size: 0.7rem;}

    .fab {font-size: 2.5rem; margin-top: 5%; margin-right: 5%;}   

  .ft.address-box {width: 40%;}

    .footer-address {width: 80%; margin: 0 auto;
      margin-top: 7%;font-size: 0.7rem;}

  .ft.phone-number-box {width: 30%;}

    .phone-number {width: 80%; margin: 0 auto;
      margin-top: 13%;font-size: 0.7rem;}