/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */

body {  font-size: 100%;}

.footer {background-image:url(/images/bluebells2.jpg); background-repeat:no-repeat; background-position:top left; background-size:90%; height:17em;} 

 .flexnav {display: flex; flex-flow: row wrap; justify-content: center; }  
		   
 .menubutton {width: 150px; height:50px; margin: 2px; border-radius: 15px;  display:flex; align-items: center; justify-content: center;}  
 
 .btnlink {text-decoration:none; font-size: clamp(1.3rem, 1.2vw, 1.7rem); } 
 
 .menubee {margin-left: 23%; height: 10vh; }
	        
 .mainContent { display: flex; flex-direction: column; }       
              
  .bee{ position:relative;  left: 70px; top: 30px; }   
	
.centreBanner {display:block; margin:auto; }
 
  .stencil {font-family: 'Saira Stencil One', 'Arial Black', sans serif; color:#357a38; }    
 
  .rowdies {font-family:'Rowdies', 'Arial Black', sans serif; }   
 
  .urban {font-family:'Urbanist', 'Century Gothic', sans serif; }

.top {width: 75%; margin:auto;}     
 @media screen and (max-width: 1200px) { .top {width: 95%;}}   
 
 .txtsize {font-size: clamp(1.3rem, 1.2vw, 1.8rem); }
 
 .layoutgrid {display: grid; grid-template-columns: 1fr 1fr 3fr; width: 80%; margin:auto;}
 
 .lhmenu { grid-row: 1 / span 3; grid-column: 1 / span 1;}
 
  .birdie { grid-row: 1 / span 1; grid-column: 2 / span 1; }
  
  .headings {grid-row: 1 / span 1; grid-column: 3 / span 1; align-self: flex-end; justify-self: left;}
   
   .intro { grid-row: 2 / span 2; grid-column: 2 / span 2; }
   
   @media screen and (max-width: 1000px) { 
   .layoutgrid { width: 95%; }
 
 .lhmenu { grid-row: 3 / span 1; grid-column: 1 / span 1;}
 
  .birdie { grid-row: 2 / span 1; grid-column: 1 / span 1; }
  
  .headings {grid-row: 1 / span 1; grid-column: 1 / span 3; justify-self: center; }
  
   .intro { grid-row: 2 / span 2; grid-column: 2 / span 2; height:auto; }
   }  
   
   .containBird {width: 95%; object-fit: contain;}
    @media screen and (max-width: 800px) { 
   .containBird { width: 20vw; }
    }  
	
 .scalepara { width:65vw; margin:auto; padding: 25px;}
  @media screen and (max-width: 800px) {.scalepara { width: 95vw; } } 
  
  .scaleheading {width: 80vw;} @media screen and (max-width: 800px) {.scaleheading { width: 95vw; } }