* {margin:0}*,*::before,*::after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role='list'],ol[role='list']{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1; margin: 0; paddding: 0;}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width: 100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}

 
input[type="checkbox"], .show-menu .lines { display: none;   }

body { background: url(img/sitebg6.avif) top center no-repeat #e6e4dc; padding: 0; margin: 0; } 
 
header { display: flex; flex-direction: row; position: relative; }

h1, h2, h3, h4, h5, ul, li { margin: 0; padding: 0; list-style: none; font-family: "Gloria Hallelujah", cursive; font-size: 1.8rem; font-weight: 400 ;font-style: normal; }
h1 a { height: 145px; width: 160px; background: url(/img/logo.webp) no-repeat;  position: absolute; top: -17px; left: 20px;  z-index: 1000; text-indent: -9999px; }

 h2 {   margin: 20px 0;  }
 
h3 { margin: 20px 0;  }


nav {   margin: 0 100px 0 auto; width: 300px;  }
nav ul.menu { display: grid; grid-template-columns: repeat(auto-fill,minmax(150px, 1fr));  }  
 
nav ul.menu li a { line-height: 40px; color: #645140; text-decoration: none; font-size: 1.4rem; } 
nav ul.menu li a:hover { color: #de9d00; }

i { display: block; width: 206px; height: 214px; background: url(img/paintdrop.webp) no-repeat; position: absolute; bottom: -86px; right: -35px; z-index: 100; }
p { margin: 0 0 15px 0; }

.samsart { width: 960px; margin: 0 auto; margin-top: 15px; background: rgba(235, 230, 220, 0.8); border-top: 1px solid #645140; border-bottom: 5px solid #645140; font-family: Verdana, sans-serif;  font-size: 1rem; line-height: 1.5; color: #645140; 
	display: flex; flex-grow: 1;  flex-direction: row; }
 .head { height: 140px; margin-top: 30px;  }
.foot { padding: 0 5px; position: relative; }
.foot strong { line-height: 26px; padding: 0 125px 0 5px; font-size: 0.85em; text-align: right; display: block; }

.info {   width: 75%;   padding: 0 20px 25px 20px; border-right: 1px dashed #645140; }
.wideinfo { border-top: 1px dashed #999; padding: 9px 0 0 9px; margin: 0 0 9px 0; clear: both; width: 711px; }
.quickgallery {  width: 25%; padding: 0 15px 15px 15px; }
.quickgallery img { margin: 8px 0 15px 0; width: 100%; display: block; border-top: 1px solid #645140; border-bottom: 5px solid #645140; }


a.fplink  {text-decoration: none; border-bottom: 1px dashed #de9d00; color: #de9d00;}
.fplink a:hover {text-decoration: none; border-bottom: 1px dashed #de9d00; color: #de9d00;}

.flower {display: block; height:171px; background: url(img/flowers.png) no-repeat ;  margin:-5px 0 -62px -20px; padding: 0 20px 0px 50px; z-index: 100; clear:both;}
.flower2 {display: block; height:171px; background: url(img/flowers2.png) no-repeat ; margin:0 -40px -10px 0; clear:both;}

/**************************************************************************
 * 
 * 
 * 
 * 
 * ***********************************************************************/





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

		* { padding: 0; margin: 0;  max-width: 100%; }
		body { width: 100%; } 

		 h1, h2, h3, h4, h5 { font-size: 1.9rem; width: 100%; text-wrap: pretty; margin: 30px 0 25px 0;  } 
		 p { font-size: 0.95rem; } 

		header { display: flex; flex-direction: column; position: relative; }
 
		.samsart { flex-direction: column;
		flex-basis: 100%;
		flex: 1;
		width: 100%;
		padding: 0; 
		 background:  rgba(235, 230, 220, 0.9);
		} 

		i { right: 0; }

		.info, .quickgallery   { width: 100%; }

		.info { 
		width: 100%;
		padding: 0 20px; 
		border-right: none; 
		}  

		@keyframes animation  {
		  from {
		    top: -150%; 
		      opacity:0; 
		  }
		  to {
		    top: 0px;  
		      opacity:1; 
		  }
		}

		@keyframes animation2  {
		  from { top: 0px;  
		      opacity:1; 
		  }
		  to {  top: -150%; 
		      opacity:0; 
		  }
		}

		 header input[type="checkbox"]:checked ~ nav ul.menu {
		     
		        display: block;
		  
		      transform: translateX(0); 
		      animation: animation 0.2s linear  ;
		    } 
		 header input[type="checkbox"]:not(:checked) ~ nav ul.menu {
		        
		      transform: translateX(-100%); 
		      animation: animation2 0.2s linear  ;
		    } 

.show-menu .lines {
			display: block;
		    position: absolute;
		    top:  35px;
		    right:  25px;
        border-bottom: 15px double #645140;
        border-top: 5px solid #645140;
        content: "";
        height: 24px;
        width: 30px; 
        cursor: pointer;
        z-index: 1100;  
    } 
	nav { margin: 0; }

    nav ul.menu  { display: block;
        list-style-type: none;
        margin: -50px auto 0 auto;
        padding: 260px 0 0 0; 
        text-align: center;
        width: 100vw; 
         height: 100vh; 
        position: absolute;
        top:  0px; 
        z-index: 1000px;
		 background:  rgba(235, 230, 220, 1);
    }

   nav ul.menu li {
        display: block;
         height: 70px;
         padding: 0;
         margin: 0;
    }
}