.site-wrap {
    width: auto;
    height: auto;
    background-color: transparent;
    position:relative;
    padding: 1.5%;
    padding-bottom: 10%;
    top: 0;
    bottom: 100%; 
    left: 0;
    z-index: 1;
    padding: 4em;
    background-image: 
    float: left;
    overflow: hidden;
}


h2 {
    font-size: 2em;
}

h3 {
    font-size: 115%;
    font-kerning: normal;
    color:#111;
    opacity: 80%;
    font-size-adjust:auto;
}

p {
    
    font-size: 0.9em;
    font-kerning: normal;
    line-height: 120%;
}

p.bodytext {
    width: 70%;
    padding: 0.5%;
    font-size: 0.8em;
    line-height: 1.2em;
}


footer {
    height: 5%;
    text-align: center;
    font-size: 0.3em;
    width: auto;
    padding: 0.5%;
    border-top: 3px double auto;
    font-size: .7em;
    z-index: 1;
    position: relative;
    float: left;
    overflow: hidden ;
}

/* ////////// map styles  /////////  */

#map {
        margin-left: 20%;
        margin-bottom: 5%;
        padding: 0;
        height: 500px;
        width: 500px;
      }

/* ////////// form styles  /////////  */
#reviewform{
    background: transparent;
    /*
    border: 3px double #0061a0;
    border-radius: 15px 15px 15px 15px;
    */
    display:inline-block;
    margin-bottom: 30px;
    margin-left: 10px;
    margin-top: 10px;
    padding: 25px 25px 10px;
    width: 500px;
}

#reviewform .fieldgroup {
    background: transparent;
    padding: 2px;
    
}

#reviewform .fieldgroup label {
    padding: 15px 0 0;
    text-align: right;
    width: 110px;
}

#reviewform .fieldgroup input, #reviewform .fieldgroup textarea, #reviewform .fieldgroup select {
    margin-bottom: 1.5em;
    margin-left: 3em;
    height: 2em;
}

#reviewform .submitbtn {
    padding: 10px;
    width: auto;
    margin-left: 450px;
    height: 60px !important;
}

#reviewform .fieldgroup label.error {
    color: #FB3A3A;
    display: inline-block;
    margin: 4px 0 5px 125px;
    padding: 0;
    text-align: left;
    font-size: 0.8em;
    width: 220px;
}


/* for modular text box */
textarea {
    border:2px solid #ccc;
    padding: 10px;
    vertical-align: top;
    width: 25%;
}

.animated {
    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    transition: height 0.2s;
}

/* ////////// gallery styles  /////////  */

#gallery {
    float: left;
	width: 10%;
    padding: 4.0%;
	margin-right: 3.0%;
	border-right: white 1px dotted;	
    z-index: 1;
}

#gallery img {
	display: inline-block;
	margin: 0 0 10px 0;
	border: 1px solid rgb(0,0,0);
    z-index: 1;
}

#photo {
    float: left;
	margin-left: 5.0%;
    margin-top: 3.49%;
    margin-bottom: 10%;
    padding-top: 7px;
    padding-right: 3.0%;
    padding-bottom: 10%;
	position: relative;
    z-index: 1;
    
}

#photo img {
	position:absolute;
    z-index: 1;
    width: 1800%;
    height:auto;
}

/* ////////// gallery styles  /////////  */



/* ////////// mobile styles  /////////  */

@media screen and (max-width:590px) {
    
    body {
        font-size: 130%;
        
    }
     
    .site-wrap {
    width: 70%;
    height: auto;
    }
    
    footer {
        font-size: 0.3em;
    }
   
    /* ////////// gallery styles  /////////  */

        #gallery {
            float: left;
            width: 100%;
            padding: 1.0%;
            margin-bottom: 1.0%;
            border-bottom: white 1px dotted;
            border-right: none;
            z-index: 1;
        }

        #gallery img {
            /* display: block; */
            border: 1px solid rgb(0,0,0);
            z-index: 1;
        }

        #photo {
            float: left;
            margin-left: 9.0%;
            margin-right: 5.0%;
            margin-top: 3.00%;
            margin-bottom: 10%;
            padding-bottom: 10%;
            position: relative;
            z-index: 1;

        }

/* ////////// gallery styles  /////////  */
    
    
    
}