*{

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}

body, html{

    font-family: 'Open Sans', sans-serif;;

    font-size: 14px;

    margin: 0;

    padding:0;

    display: flex;

    flex-direction: column;

    min-height: 100vh;

}



.slide-container{

    width: 800px;

    height: 600px;

}



   





h1{

	

     font-family: 'Tangerine', cursive;

	font-size: 50px;

	color: #383838;

	margin-bottom: 20px;

}



h2{

	

	font-size: 20px;

	margin: 0;

	padding: 0 20px;

}



h2 a{

	text-decoration: none;

}

p{

	font-family: 'Open Sans', sans-serif; 

	margin-bottom: 16px;

	line-height: 28px;

}

.bootleg{

	font-family: 'Open Sans', sans-serif;

	font-size: 20px;

	margin: 25px 0;

	padding: 0;

}

.site-header{

    background-color: #5E090A;    

    height: 125px;    

    display: flex;

    justify-content: center;

    align-items: center;

    padding-bottom: 0;     

    }

    .menu-content{

        position: sticky;

        top: 0px;

    }

    nav{

        width: 100%;

        background: #d3d3d3; 

        display: flex;

        justify-content: center;

        align-items: center;   

       

    }

   ul {       

       width: 90%;

       background-color: #d3d3d3;  

	   display: flex; 

	   justify-content: center;

       align-items: center;

       list-style-type: none;            

    }

  ul li{

        width: 50%;

       display: flex;

	   justify-content: center;

	   align-items: center;

    }

 ul li a{

        color: black;

        text-decoration: none;        

        padding: 10px 10px;

	 	display: block; 

	 	width: 100px;              

    }   

    

    .main-content{

        width: 800px;

        margin: 0 auto;

   }

     

    .main-content p{

        font-family: 'Open Sans', sans-serif;

        font-size: 14px; 

        line-height: 30px;            

    }

    .main-content h1{

        margin-top: 20px;

    }

    

.container{

	max-width: 800px;

	margin: 0 auto;

	padding: 20px;

}

    .main-content h2{

        margin-top: 20px;

    }



    .description{

        width: 70%;

        margin: 0 auto;

    }

    .site-footer{

        background-color:#d3d3d3;    

        color: white;

        padding: 0;

		margin-top: auto;

        width: 100%;

        height: 65px;

		overflow: hidden;

		

    }



    .footer-wrapper{

        background: #d3d3d3;        

        display: flex;

        justify-content: center;

        align-items: center;

        font-size: 18px;

        font-weight: bold;

        padding-top: 15px;

    }



.underfooter{

	background-color: #5E090A; 

	width: 100%;	

	padding: 8px 0;	

}

a {

    color:black;

    cursor: pointer;

    text-decoration: none;

    text-align: center;

    width: 50px;

      

}

a:hover{        

        background: white;       

}



.underfooter h2{

	color: gold;

	font-size: 30px;

}  

   .phone{

    display: flex;

    justify-content: center;

    align-items: center;

    height: 40px;

    width: 100px;   

    border-radius: 8px;

    font-size: 18px;

    color: black;   

    

}

.email{

    display: flex;

    justify-content: center;

    align-items: center;

    height: 40px;

    width: 100px;   

    border-radius: 8px;

    font-size: 18px;   

    

}



.instagram{

    display: flex;

    justify-content: center;

    align-items: center;

    height: 40px;

    width: 100px;  

    border-radius: 8px;

    font-size: 18px; 

   

   

}



.facebook{

    display: flex;

    justify-content: right;

    align-items: center;

    height: 40px;

    width: 100px;

    border-radius: 8px;

    font-size: 18px;

    

}

    .menu-footer-menu-container{

        display: flex;

        width: 100%;

        background: #383838;  

    }   



    .menu-header{

        display: none;

    }

    .site-footer.nav{

        background: #383838;  

        display: flex;  

        justify-content: center; 

        align-items: center;   

       }

       .site-nav-footer{

           width: 100%;

       }

	



	

    @media(max-width: 767px){

        nav{

           justify-content: left;

            align-items: center;  

            padding-left: 0;

            margin-left: 0; 

        }

        ul{

            display: table;

            width: 100%;

        }

        

        ul li{

            width: 50%;             

           display: flex;

           justify-content:left;

           align-items: center;

        }

       

        .main-content{

            max-width: 650px;

            width: 100%;

            margin: 0 auto;

       }



        .description{

            width: 100%;            

        }



        .menu-content{

            display: block;

        }

        .menu-content{

            display:none;

        }



        .menu-header{

            background: #5E090A;  

            text-align: center;

            padding: 10px;

            display: block;

        }



        .fa-bars{

            color: white;

            border: 1px solid white;

            padding: 5px 10px;

            border-radius: 4px;

        }

        .main-content{

            max-width: 100%; 

            padding: 20px;         

        }

        



    }