body {
            
            font-size:80%; 
            
            margin:0px;
            padding: 0px;
            
            min-width: 340px;
            
            background: #f3f5ec ;
            
            background-image:url("images/ubak.png"); 
            background-size: 150% auto; 
            background-repeat: no-repeat ;
            background-position: top center;
            background-attachment: fixed;
        
        }
        
        
        hr {opacity: 0.3;}
        
        
	 a:link,  a:visited {text-decoration:none; color: #2b2f3f ;     transition: all 0.25s ;}
	 a:hover 			{text-decoration:none; color: #142980 ;}




        
        
        
        h1 { font-size: 3em; margin: 0px; }
        
        h2 {font-size: 2em; margin: 0px;}
        
        
        .title {
            text-align: center; 
            padding: 50px 30px 30px 30px; 
        }
        
        .main {
            
            
            margin: 0px auto;
            
            width:85% ; 
            min-width: 340px;
            padding: 20px;
                
            
            font-family: 'Manrope', sans-serif; 
            font-weight: 300 ;
            line-height: 1.5em;
                
            text-align: justify; 
            font-size: 1.2em;
        }
        
        
.status-msg {color:#ff0000;}
        
        


@media (min-width: 990px) {	
        
    
              body {    font-size:100%; }
    
        h1 { font-size: 6em; margin: 0px; }
        
        h2 {font-size: 3em; margin: 0px;}
        
        .title { padding: 15vh 30px 5vh 30px ;}
    
        .main {
            
            width:70% ; 
            padding: 5vh 100px;
        }
        }
        
        
        
        .rrtext {font-family: 'Manrope', sans-serif; font-weight: 800}
        
        .sbtext {font-family: 'Cormorant', serif; font-weight: 300}
        
        

        
        
        .photostrip {
            
            height: 30vw;
            max-height: 500px;
            
            background-image:url("images/photos.jpg"); 
            background-size: cover; 
            background-repeat: no-repeat ;
            background-position: center center;
        }
        
        
        
        
        
/*-----------------------------------------formbox---------------------------------------*/

.formbox { 
    
    width:100%;
    max-width: 500px;
    min-width: 300px; 
    
  padding: 20px 20px 0px 20px;  font-size: 0.8em; 
    
  -webkit-border-radius: 5px;  -moz-border-radius:  5px;   border-radius:  5px;
	
}


.formbox p {margin: 0px; padding: 0px;  }
.formbox label { padding-top: 1.5em; display: inline-block; width: 100%; }


/* box */
.formbox input {padding:10px; border: 1px solid #ccc;  width:80%;  display:block; 
    background: rgba(255,255,255,0.50);   -webkit-border-radius: 5px;  -moz-border-radius:  5px;   border-radius:  5px;  }

.formbox input:focus {border: 1px solid var(--marker); background:  rgba(255,255,255,0.90) ;  outline: none; }


/* textarea */
.formbox textarea {width:100%; border:1px solid #ccc; background: rgba(255,255,255,0.50) ;height: 8em;  
    -webkit-border-radius: 5px;  -moz-border-radius:  5px;   border-radius:  5px;}
.formbox textarea:focus {   background: rgba(255,255,255,0.90) ;  outline: none; width:100%; border:1px solid #000;
    box-shadow: 0 0 0px #719ECE; }


/* button */
.formbox input[type=submit] {    padding: 15px 20px 15px 20px ;  background: #0068be; color:#fff;  transition: background  0.25s ; width: 120px ;cursor: pointer;  }
.formbox input[type=submit]:hover {   background: #c60037;  }


/* checkbox */
.formbox input[type=checkbox] {padding: 0px; width:1.75em; height:1.75em; display: inline;   }

.chkb1 {  float: left;  padding: 1em 0em 1em 0em;  }
.chkb2 { line-height: 1.75em;  float: right; padding: 0.75em 0em 1em 3em; margin-left:-25em; width: 100%;    }
.chkb:after { content: ""; display: table; clear: both; /* Clear floats after the columns */ }


.wpcf7-not-valid-tip , .wpcf7-response-output , .screen-reader-response { color:var(--xcm_red); display: block; width:100%; }
.formbox ul {display: none; }



        

.vftag {width:200px; height: auto; float: right; opacity: 0.5;}
.vftag:hover { opacity: 0.75;}