#myimage img {
    
    margin-left:0px;
    width: 98%;
    height: 250px;
    margin-left:0px;
    position: relative;
    z-index: 1;
}

#maintext{
    margin:0 auto;
    width: 95%;
    font-size: 30px;
    position: relative;
    margin-top: 50px;
           
}

.navigation {
 styles *
  width:50%;
  height: 100%;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  
  list-style: none;
  background: #92907A;
}
.nav-item {
 
  width: 200px;
  border-top: 1px solid #92907A;
  border-bottom: 1px solid ;
}

.nav-item a {
 
  display: block;
  padding: 1em;
  background: linear-gradient(135deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
  color: #D8D6CB;
  font-size: 1.2em;
  text-decoration: none;
  transition: color 0.2s, background 0.5s;
}

.site-wrap {
  min-height: 100%;
  min-width: 100%;
  background-color: white;
  position: relative;
  top: 0;
  bottom: 100%;
  left: 0;
  z-index: 1;
  
  
  padding: 4em;
  background:#F3EDF7;
}


.nav-trigger {
  
  position: absolute;
  clip: rect(0, 0, 0, 0);
}

label[for="nav-trigger"] {
  
  position: fixed;
  left: 15px; top: 15px;
  z-index: 2;
  height: 30px;
  width: 30px;
  cursor: pointer;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='30px' height='30px' viewBox='0 0 30 30' enable-background='new 0 0 30 30' xml:space='preserve'><rect width='30' height='6'/><rect y='24' width='30' height='6'/><rect y='12' width='30' height='6'/></svg>");
  background-size: contain;
}



.nav-trigger + label, .site-wrap {
  transition: left 0.2s;
}

.nav-trigger:checked + label {
  left: 215px;
}

.nav-trigger:checked ~ .site-wrap {
  left: 200px;
  box-shadow: 0 0 5px 5px rgba(0,0,0,0.5);
}

body {
   
}



h1, p {
  max-width: 600px;
  margin: 0 auto 1em;
}



*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}
html, body { height: 100%; width: 100%; font-family: Helvetica, Arial, sans-serif; }


#yourname{
  margin:0 auto;
    width: 95%; 
    border: 1px solid black;
    text-align:center;
    font-size: 30px;
}

#youremail{
    margin:0 auto;
    width: 95%;
    border: 1px solid black;
    text-align:center;
    font-size: 30px;
}


#yourmessage{
   margin:0 auto;
    width: 95%;
    border: 1px solid black;
    text-align:center;
    font-size: 30px;
}

#sendmessage{
   margin:0 auto;
    width: 95%;
    height: 160px;
    text-align:center;
    font-size: 30px;
}

ul {list-style-type: none;}
body {font-family: Verdana, sans-serif;}

/* Month header */
.month {
    padding: 70px 25px;
    width: 100%;
    background: #1abc9c;
}

/* Month list */
.month ul {
    margin: 0;
    padding: 0;
}

.month ul li {
    color: white;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 3px;
}

/* Previous button inside month header */
.month .prev {
    float: left;
    padding-top: 10px;
}

/* Next button */
.month .next {
    float: right;
    padding-top: 10px;
}

/* Weekdays (Mon-Sun) */
.weekdays {
    margin: 0;
    padding: 10px 0;
    background-color:#ddd;
}

.weekdays li {
    display: inline-block;
    width: 13.6%;
    color: #666;
    text-align: center;
}

/* Days (1-31) */
.days {
    padding: 10px 0;
    background: #eee;
    margin: 0;
}

.days li {
    list-style-type: none;
    display: inline-block;
    width: 13.6%;
    text-align: center;
    margin-bottom: 5px;
    font-size:12px;
    color:#777;
}

/* Highlight the "current" day */
.days li .active {
    padding: 5px;
    background: #1abc9c;
    color: white !important
}
. .italic{
font-family: "acumin-pro-condensed",sans-serif;
font-style: italic;
  font-weight: 100;}


/*footer{
  color: white;
  background-color: #1c1c1c;
  min-width: 100%;
  padding: 1em;
  max-height: 40px;

}*/

footer [class ^= 'footer-'] {
    width: 33.3333%;
    display: inline-block;
    text-align: center;
}
footer .footer-left {
    float: left;
    
}

footer .footer-right {
    float: right;
}

/* media query start */
@media only screen and (min-width: 768px){
  a.to_nav{
    display: none;
  }
  .wrapper{
    position: relative;
    width: 100%;
    margin: 0 auto 1em;
  }
  #primary_nav{
    position: absolute;
    top: 120px;
    min-width: 100%;
    background: none; 
    padding: 0;
  }
  #primary_nav li{
   display: inline-block;
    padding: 0
  }
  #primary_nav li a{
   
    border: none;
    padding: 0 10px;
    -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
  }
  #primary_nav ul{
    padding: .5em;
  }
  
  
  h1, p {
  max-width: 600px;
  margin: 0 auto 1em;
}

#form_input{
  max-width: 600px;
  margin: 0 auto 1em;
}