@charset "utf-8";
/* CSS Document */


/* ::::::::::::::::::::SMALL BEGINS:::::::::::::::::::: */

@media screen and (min-width:1px) and (max-width:699px) {

a 
{
outline:0; 
}

body 
{	
width:100%;
font-family:sans-serif;
font-size:100%;
color:#000;
background-color:#FFF;
margin:0;
}

h1
{
margin:0;
font-size:120%;
}

h2
{
margin:0;
font-size:110%;
}

#header
{
height:0px;
overflow:hidden;
background:"images/banner.png";
}

#nav
{
height:0px;
overflow:hidden;
}

#smallnav
{
height:43px;
width:98%;
margin-left:auto;
margin-right:auto;
margin-bottom:1px;
margin-top:4px;
}

#smallnav a
{
float:left;
height:40px;
}

#smallnav p
{
line-height:40px;
font-size:109%;
font-weight:bold;
color:green;
text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
margin-left:62px;
margin-top:0;
margin-bottom:0;
margin-right:0;
}

#smallnav img:hover
{
background-color:#FFF;
background-image:linear-gradient(2.5deg,#666,#777);
border-radius:10px;
}

#main
{
width:98%;
background-color:#fff;
/*background-image:linear-gradient(2.5deg,#ddd,#fff); */
margin-left:auto;
margin-right:auto;
border-radius:10px;
}

#slideshow
{
width:95%;
margin-left: auto ;
margin-right: auto ;
}

#text
{
width:90%;
margin-left:auto;
margin-right:auto;
padding-top:25px;
padding-bottom:25px;
color:#000;
}

#footer
{
width:100%;
height:25px;
line-height:25px;
text-align:center;
font-size:13px;
color:black;
margin:0;
}

#drawer
{
display:none;
top:43px;
width:99%;
margin-left:auto;
margin-right:auto;
background-color:#FFF;
}

#drawer ul
{
display: block;
list-style:none;
padding:0;
margin:0;
}

#drawer ul li
{
text-align:center;
width:99%;
margin-left:auto;
margin-right:auto;
margin-top:4px;
margin-bottom:4px;
background-color:#aaa;
background-image:linear-gradient(2.5deg,#aaa,#ccc);
border-radius:10px;
padding:0;
font-weight:bold;
}

#drawer ul li a
{
display: block;
line-height:40px;
height:40px;
text-align:center;
text-decoration:none;
width:100%;
color:#222;
}

#drawer ul li a:hover
{
background-color:#fff;
background-image:linear-gradient(2.5deg,#ccc,#fff);
border-radius:10px;
}

#footer p
{
margin:0;
font-weight:bold;
}

.buttonc
{
text-decoration:none;
text-align:center;
line-height:60px;
font-weight:bold;
font-size:150%;
display:block;
margin-left:auto;
margin-right:auto;
height:60px;
width:90%;
background-color:#238035;
background-image:linear-gradient(5deg,#238035,#32c64e);
border-radius:10px;
box-shadow:2px 2px 2px 2px #000;
color:#111111;
} 

.buttonc:hover
{
background-color:#298f3c;
background-image:linear-gradient(5deg,#298f3c,#57e070);
box-shadow:2px 2px 3px 3px #111;
text-shadow:0px 0px 4px rgba(255,255,255,1);
} 

}

/* ::::::::::::::::::::SMALL ENDS:::::::::::::::::::: */

/* ::::::::::::::::::::LARGE BEGINS::::::::::::::::::: */


@media screen and (min-width:700px) and (max-width:10000px) 
{

a 
{
outline:0;
}

h1
{
margin-left:7.5%;
margin-top:0;
margin-right:0;
margin-bottom:0;
font-size:120%;
}

h2
{
margin:0;
font-size:110%;
}

#drawer
{
height:0px;
overflow:hidden;
}

body
{
background-image:url(images/background.png);	
width:90%;
margin-left: auto ;
margin-right: auto ;
margin-top:0;
font-family:sans-serif;
}

{
transform:rotate(-45deg);
transition: 4s ease-in-out;
}

#smallnav
{
height:0px;
overflow:hidden;
}

#header
{
width:100%;
height:80px;
background-color:#80ec6f;
background-image:url("images/bowl.png");
background-repeat:no-repeat;
font-size:3vw;
text-align:center;
color:green;
line-height:80px;
text-shadow: 2px 2px 2px #000;
border-radius: 15px;
margin-top:16px;
box-shadow:3px 3px 5px 5px #000;
}


#nav
{
width:100%;
height:50px;
background-color:#ccc;
background-image:linear-gradient(2.5deg,#808080,#fff);
border-radius: 15px;
font-family:sans-serif;
font-weight:bold;
box-shadow:3px 3px 5px 5px #000;
}

#main
{
width:100%;
background-color:#ccc;
background-image:linear-gradient(2.5deg,#bbb,#eee);
border-radius: 15px;
margin-top:16px;
box-shadow:3px 3px 5px 5px #000;
}

#slideshow
{
width:95%;
margin-left: auto ;
margin-right: auto ;
}

* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  max-width: 100%;
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 2s;
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

#text
{

width:95%;
margin-left:auto;
margin-right:auto;
padding-top:25px;
padding-bottom:25px;
text-shadow: 1px 1px 1px rgba(255,255,255,.5);
color:#111;
}

#footer
{
width:100%;
line-height:30px;
background-color:#ccc;
background-image:linear-gradient(2.5deg,#bbb,#eee);

border-radius: 15px;
margin-left:auto;
margin-right:auto;
color: #111;
text-shadow: 1px 1px 1px rgba(255,255,255,.5);
box-shadow:3px 3px 7px 5px #000;
}

#footertext
{
text-align:center;
width:95%;
margin-left:auto;
margin-right:auto;
padding-top:25px;
padding-bottom:25px;
text-shadow: 1px 1px 1px rgba(255,255,255,.5);
color:#111;
}

nav  
{
display: block;
width: 100%;
height:50px;
}

nav ul
{    
list-style: none;
border-radius: 15px;    
padding:0;
display: block;
height:50px;
width: 100%;
}

nav li
{
float:left;
line-height:50px;
text-align:center;
width:25%;
}

nav li a
{
text-align:center;
text-decoration:none;
float:left;
height:48px;
width:100%;
color: #555;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
border-width: 1px;
border-style: solid;
border-color: #ccc #ccc #999 #eee;
}

nav a:hover, nav a:focus 
{
outline: 0;
color: #ddd;
text-shadow: 0 1px 0 rgba(0,0,0,.2);
background-color:#ababab;
background-image:linear-gradient(2.5deg,#999,#ccc);
}

nav a:active 
{
box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;
}
 
nav li:first-child a 
{
border-left: 0;
border-radius: 15px 0 0 15px;            
}

nav li:last-child a 
{
border-right: 0;
border-radius: 0 15px 15px 0;            
}

.buttonc
{
position:relative;
text-decoration:none;
text-align:center;
line-height:60px;
font-weight:bold;
font-size:150%;
display:block;
margin-left:auto;
margin-right:auto;
height:60px;
width:47.5%;
background-color:#238035;
background-image:linear-gradient(5deg,#238035,#32c64e);
border-radius:10px;
box-shadow:2px 2px 2px 2px black;
color:#000;
} 

.buttonc:hover
{
background-color:#298f3c;
background-image:linear-gradient(5deg,#298f3c,#57e070);
box-shadow:2px 2px 3px 3px #111;
text-shadow:0px 0px 4px rgba(255,255,255,1);
color:#111;
}

}

/* ::::::::::::::::::::LARGE ENDS:::::::::::::::::::: */