@font-face 
    {
        font-family: 'Raleway-Light';
        src: url('../Raleway-Light.ttf');
    }
    @font-face 
    {
        font-family: 'Pangolin';
        src: url('../Pangolin-Regular.ttf');
    }
    @font-face 
    {
        font-family: 'OpenSansCondensed';
        src: url('../Pangolin-Regular.ttf');
    }
    @font-face 
    {
        font-family: 'Roboto Regular';
        src: url('../Roboto-Regular.ttf')
    }
	@font-face
	{
		font-family: 'Quicksand';
		src: url('../Quicksand-VariableFont_wght.ttf')
	}
    @font-face 
    {
        font-family: 'Dancing Script';
        src: url('../DancingScript-Regular.ttf')
    }
    @font-face 
    {
        font-family: 'Roboto Light';
        src: url('../Roboto-Light.ttf')
    }
    @font-face 
    {
        font-family: 'Chilanka';
        src: url('../Chilanka-Regular.ttf')
    }





    @media screen and (min-width:900px) and (max-width:5000px)
    {
		body 
		{
			margin: 0px;
		}
		.front_image
		{
			margin-top:80px;
			height:700px;
			width:85%;
			position:relative;
			margin-bottom:400px;
			background-image: url('../images/banana_header3.jpg');
			background-size: cover;
			border: 1px solid rgb(92, 61, 36);
		}
		.background-overlay
		{
			background-image: url('../images/wood.jpg');
			background-repeat: no-repeat;
			background-size: cover;
			background-attachment: fixed;
		}
		.headtitle
		{
			font-family: 'Dancing Script';
			font-weight: bold;
			font-size: 50pt;
			width:40%;
			text-align:center;
			padding-top: 100px;
			padding-bottom: 30px;
		}
		.headdesc
		{
			font-family: 'Chilanka';
			font-size: 20pt;
			max-width:500pt;
			color: rgb(70, 70, 70);
			min-width:350pt;
			text-align: center;
			padding-bottom: 180px;
		}
		.title
		{
			font-size: 28pt;
			width:480px;
			height: 80px;
			color:white;
			text-align:center;
			font-family: 'Roboto Regular';
			font-weight: bold;
			text-shadow: 3px 5px 4px rgb(51, 51, 51), 0 0 10px rgb(51, 51, 51);
		}
		.menu_title 
		{
			font-family: 'Dancing Script';
			font-weight: bold;
			font-size: 40pt;
			width:28%;
			padding-top: 100px;
			padding-bottom: 100px;
		}
		.slideshow 
		{
			width: 475px;
			height:400px;
		}
		.slideshow-img
		{
			width:470px;
			height:390px;
			margin:0px!important;
			border:2px solid rgb(92, 61, 36);
		}
		.desc 
		{
			width:480px;
			color:rgb(70, 70, 70);
			font-size:16pt;
			font-family: 'Quicksand';
		}
		.photos
		{
			margin-top: 200px;
			width: 100%;
			display:flex;
			justify-content: center;
			align-items: center;
			align-content: center;
		}
		.photos img 
		{
			height:200px;
			width:80%;
		}
		.grid
		{
			padding-bottom:80px;
			width:95%;
			display:grid;
			grid-template-columns: 1fr 1fr;
			grid-template-rows: 660px 660px 660px 660px;
			grid-auto-flow:column;
			border-collapse: collapse;
			row-gap:80px;
			background-color:white;
		}
		.item
		{
			border-collapse: collapse;
			width:100%;
			height:100%;
		}
		.maptitle 
		{
			font-family: 'Dancing Script';
			font-weight: bold;
			font-size: 35pt;
			width:28%;
			margin-top:100px;
			padding-top: 100px;
			padding-bottom: 100px;
		}
		.map
		{
			background-image: url('../images/map.jpg');
			background-size: contain;
			width:38%;
			background-repeat:no-repeat;
			margin-bottom: 200px;
			border-radius: 10%;
			border: 2px solid rgb(92, 61, 36); 
			height:500px;
		}
	}



    @media screen and (min-width:900px) and (max-width:1100px)
    {
        .slideshow 
        {
            width: 330px;
            height:230px;
        }
        .slideshow-img
        {
            width:330px;
            height:230px;
            margin:0px!important;
        }
		.background-overlay
		{
			background-image: url('../images/wood.jpg');
			background-repeat: no-repeat;
			background-size: cover;
			background-attachment: fixed;
		}
        .item
        {
            width:450px;
        }
        .desc
        {
            width:400px;
            font-size:14pt;
        }
        .title
        {
            width:420px;
        }
        .grid
        {
            row-gap:0px;
		}
    }


































    























    @media screen and (min-width:1px) and (max-width:899px)
    {
		body
		{
			margin:0px;
		}
		.background-overlay
		{
			background-image: url('../images/wood.jpg');
			background-repeat: no-repeat;
			background-size: cover;
			width:100%;
			background-attachment: fixed;
		}
		.front_image
		{
			margin-top:40px;
			border: 1px solid rgb(92, 61, 36);
			width:85%;
			height:500px;
			margin-bottom:200px;
			background-image: url('../images/heading.jpeg');
			background-size: cover;
		}
		.menu_title 
		{
			font-family: 'Dancing Script';
			font-weight: bold;
			font-size: 45pt;
			width:50%;
			padding-top: 100px;
			padding-bottom: 100px;
		}
		.slideshow 
		{
			width: 500px;
			height:440px;
		}
		.slideshow-img
		{
			width: 500px;
			height:440px;
		}
		.headtitle
		{
			font-family: 'Dancing Script';
			font-weight: bold;
			font-size: 54pt;
			width:40%;
			padding-top: 100px;
			padding-bottom: 20px;
			text-align:center;
		}
		.headdesc
		{
			font-family: 'Chilanka';
			font-size: 28pt;
			width:500px;
			text-align: center;
			padding-bottom: 300px;
		}
		.grid
		{
			display:grid;
			grid-template-columns:1fr;
			grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
			grid-auto-flow:column;
			border-collapse: collapse;
			row-gap:35px;
		}
		.item
		{
			border-collapse: collapse;
			justify-items: center;
			width:100%;
			height:100%;
		}
		.desc
		{
			width:90%;
			padding-top:20px;
			font-size: 28pt;
			font-family:'Quicksand';
			color:rgb(70, 70, 70);
		}
		.title
		{
			font-size: 40pt;
			width:90%;
			color:white;
			text-align:center;
			font-family: 'Roboto Regular';
			font-weight: bold;
			text-shadow: 3px 5px 4px rgb(51, 51, 51), 0 0 10px rgb(51, 51, 51);
		}
		.map
		{
			background-image: url('../images/map.jpg');
			background-size:cover;
			background-repeat:no-repeat;
			margin-bottom: 200px;
			height:300px;
			width:300px;
			border-radius: 10%;
			border: 2px solid rgb(92, 61, 36);
		}
		.maptitle 
		{
			font-family: 'Dancing Script';
			font-weight: bold;
			font-size: 35pt;
			width:300px;
			padding-top: 100px;
			padding-bottom: 100px;
		}
		.photos
		{
			margin-top: 200px;
			width: 100%;
			display:flex;
			justify-content: center;
			align-items: center;
			align-content: center;
		}
		.photos img 
		{
			height:200px;
			width:80%;
		}
		.show 
		{
			display: block;
		}
    }


    @media screen and (min-width:200px) and (max-width:575px)
    {
        .slideshow 
        {
            width: 380px;
            height:320px;
        }
        .slideshow-img
        {
            width: 380px;
            height:320px;
        }
        .headdesc
        {
            width:320px;
        }
        .maptitle
        {
            font-size:25pt;
            width:200px;
        }
        
    }

    @media screen and (min-width:290px) and (max-width:477px)
    {
        .slideshow 
        {
            width: 260px;
            height:200px;
        }
        .slideshow-img
        {
            width: 260px;
            height:200px;
        }
        .desc
        {
            font-size:16pt;
        }
        .headtitle
        {
            font-size: 30pt;
        }
        .title
        {
            font-size: 26pt;
        }
        .headdesc
        {
            font-size:16pt;
        }
    }
    @media screen and (min-width:100px) and (max-width:289px)
    {
        .headdesc
        {
            width:180px;
            font-size:10pt;
        }
        .headtitle, .title
        {
            font-size:15pt;
        }
        .slideshow 
        {
            width: 160px;
            height:100px;
        }
        .slideshow-img
        {
            width: 160px;
            height:100px;
        }
        .desc
        {
            font-size:10pt;
        }
        .map
        {
            width:180px;
        }
    }