/*
 Theme Name:   responsive Child
 Template:     responsive
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  responsive-child
*/



@import url("../responsive/style.css");

@import url(http://fonts.googleapis.com/css?family=Crimson+Text:600,400,700,400italic);
@import url(http://fonts.googleapis.com/css?family=Allerta);


@font-face {
	font-family: 'web';
	src:url('core/icons//web.eot?f17dhx');
	src:url('core/icons//web.eot?#iefixf17dhx') format('embedded-opentype'),
		url('core/icons//web.woff?f17dhx') format('woff'),
		url('core/icons//web.ttf?f17dhx') format('truetype'),
		url('core/icons//web.svg?f17dhx#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}


h6 {
	font-size: 1.200em;/* = 16px */
	margin-bottom: 1.285em;
	margin-top: 1.285em;
	line-height: 1.4em;
	font-family: 'Crimson Text', sans-serif;
	font-weight: 500;
}


.lower{
  width: 60px;
height:60px;
  padding: 5px;
  background: transparent;
  color: rgba(184, 107, 40, 0.9);
position: fixed;
right:14px;
top:14px;
}


input{
  display:none;
}

.lower label{
  font-family: 'web';
  font-size:60px;
  text-align:center;
}

.lower label:hover{
  cursor:pointer;
}

.overlay{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(184, 107, 40, 0.9);
}

.overlay label{
	width: 58px;
	height:58px;
	position: absolute;
	right: 20px;
	top: 20px;
	background: url('core/icons/cross.png');
background-repeat:no-repeat;
	z-index: 100;
  cursor:pointer;
}

.overlay nav {
	text-align: center;
	position: relative;
	top: 45%;
	height: 60%;
	font-size: 50px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.overlay ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: inline-block;
	height: 100%;
	position: relative;
}

.overlay ul li {
	display: block;
	height: 20%;
	height: calc(100% / 5);
	min-height: 54px;
}

.overlay ul li a {
	font-weight: 300;
	display: block;
	color: white;
  text-decoration:none;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
  font-family: 'Allerta';
  text-transform:none;
}

.overlay ul li a:hover,
.overlay ul li a:focus {
	color: #F7CC9D;
}

.lower~.overlay-hugeinc{
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
	transition: opacity 0.5s, visibility 0s 0.5s;
}

#op:checked~.overlay-hugeinc{
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.overlay-hugeinc nav {
	
}

.overlay-hugeinc nav ul {
	opacity: 0.4;
	-webkit-transform: translateY(-25%);
	transform: translateY(-25%);
	-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
	transition: transform 0.5s, opacity 0.5s;
}

#op:checked~.overlay-hugeinc nav ul {
	opacity: 1;
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
}

#op:not(:checked)~.overlay-hugeinc nav ul {
	-webkit-transform: translateY(25%);
	transform: translateY(25%);
}







a {
color: #BD711F;
}


.postcontent p {
font-size: 18px;
padding: 10px;
font-family: 'Crimson Text', serif;
font-weight: 400; 
line-height:1.2;
}

.post-entry h4 p {
font-size: 24px;
padding: 0px;
font-family: 'Crimson Text', sans-serif;
font-weight: 400; 
line-height:1.4;
  -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}

.post-entry h4 {
font-size: 24px;
padding: 0px 5px 0px 5px;
font-family: 'Crimson Text', sans-serif;
font-weight: 400; 
line-height:1.4;
}


.newsblogentry p {
font-size: 20px;
font-family: 'Crimson Text', serif;
font-weight: 400; 
padding: 0;
line-height:1.2;
}

.gallery {
font-size: 28px;
padding: 0 10%;
}

.PageTitleimageHolder { position: relative; }


.PageTitleimageHolder .PageTitleunterschrift { 
opacity: 1; 
position: absolute; 
height:100%; 
width: 100%; 
bottom: 0px; 
left: 0px; 
padding: 0px 0px 0px 0px; 
color:#fff; 
background: transparent; 
text-align: left; 
margin-top:0px;
clear:both;
} 


.PageTitleimageHolder .PageTitleunterschrift h2{ 
padding: 0 20%;

} 

.PageTitleBorder h3{ 
color:#fff; 
font-size: 2em;
font-family: 'Allerta', sans-serif;
font-weight: 700; 
line-height:1.2;
border-top: 1px solid #FFF;
} 


.PageTitleimageGo { 
	height: 120px;
	position: relative;
	top: 25%;
	line-height:0;
} 

.PageTitleimageGoText { 
font-size: 26px;
position: relative;
margin-top:1em;

} 




.skip-container {
	padding: 0 0 0 0;
}

.alignright {
margin: 0px 0 20px 20px;
}

.startrelative {
position: relative;
}
.comments{
font-size: 20px;
font-family: 'Crimson Text', serif;
font-weight: 400;
padding:4px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

.startcontent{
position: absolute;
   top: 0; left: 0;
opacity: 0.0;
    filter: alpha(opacity=0); /* For IE8 and earlier */
}

.startcontent:hover{
opacity: 0.9;
    filter: alpha(opacity=90); /* For IE8 and earlier */
}


.startcontentus{
position: absolute;
   top: 0; left: 0;
opacity: 0.0;
    filter: alpha(opacity=0); /* For IE8 and earlier */
}

.startcontentus:hover{
opacity: 0.9;
    filter: alpha(opacity=90); /* For IE8 and earlier */
}

.copper {
background-color:#E08524;
text-align:center;
height:250px;
}

.copper h2{
font-size: 40px;
font-family: 'Allerta', sans-serif;
font-weight: 400;
color: #FFF;
display: block;
line-height: 1.4;
padding: 0 15%;
}

.copper h3{
font-size: 30px;
font-family: 'Crimson Text', serif;
font-style: italic;
font-weight: 400;
color: #353535;
line-height: 1.4;
padding: 0 15%;
}

h2 {
font-family: 'Allerta', sans-serif;
font-size: 30px;
padding: 0px 0px 0px 0px;
margin-bottom: 0px;
line-height:1.4;
color:#333;
}

.caption h2 {
padding: 0px 0px 0px 40px;
}


#cntctfrm_contact_form input.text, #cntctfrm_contact_form textarea, #cntctfrm_contact_message, #cntctfrm_contact_name, #cntctfrm_contact_email, #cntctfrm_contact_subject {
width: 100%;
}


.aboutmobile{
font-size: 34px;
font-family: 'Crimson Text', serif;
font-weight: 700;
color: #353535;
display: block;
line-height: 1.1;
padding: 0px 0px -20px 0px;
}

.aboutmobile a{
font-size: 34px;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
color: #353535;
padding: 0;
margin: 0;
border-bottom: 4px solid black;
}



.slider {
position: fixed;
top: 4px;
left: 6px;
display: inline-block;
height: 50px;
width: 38px;
z-index: 888;
display:block;
}

.slider img {
margin-top:3px;
}



.next, .previous, .powered { 
display:none;} 



.imageHolder { position: relative; }


.imageHolder .unterschrift { 
opacity: 0; 
position: absolute; 
height:100%; 
width: 100%; 
bottom: 0px; 
left: 0px; 
padding: 0px 0px 0px 0px; 
color:#fff; 
background: #b86b28; 
text-align: center; 
margin-top:0px;
clear:both;
} 

.imageHolder .unterschrift h2{ 
color:#fff; 
font-size: 40px;
font-family: 'Allerta', sans-serif;
text-decoration:none;
font-weight: 700; 
padding: 0 10%;
} 


.imageHolder .unterschrift a{ 
} 

.imageHolder .unterschrift a:hover{ 
color:#666; 
} 

.imageHolder .unterschrift a:active{ 
color:#AD7C13;
} 

.imageGo { 
	height: 120px;
	position: relative;
	top: 25%;
	line-height:0;
} 

.imageGoText { 
font-size: 26px;
position: relative;
margin-top:1em;
} 

.imageHolder:hover .unterschrift { opacity: 0.9; }


.bildunterschrift {
font-size: 12px;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
color: #353535;
margin: 4px 0px -20px 0px;
background: transparent;
border: none;
text-align:left;
}




.goback {
position: fixed;
top: 50%;
left: 0;
display: inline-block;
height: 50px;
width: 50px;
z-index: 777;
display:none;
}

.goback button {
font-size: 50px;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
color: #353535;
margin: 0px 0px 0px 4px;
padding: 0px 0px 0px 0px;
background: transparent;
border: none;
}

.gonext {
position: fixed;
top: 50%;
right: 0;
display: inline-block;
height: 50px;
width: 10px;
z-index: 777;
display:none;
}

.gonext a {
font-size: 50px;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
color: #353535;
margin: 0px 0px 0px 4px;
padding: 0px 0px 0px 0px;
background: transparent;
border: none;
}


.archivepage p{
font-size: 34px;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
color: #353535;
display: block;
line-height: 1.1;
padding: 0px 0px -20px 0px;
}

.archivepage p a{
color: #000;
text-decoration: underline;
font-weight: 700;
}

.archivepage p em{
text-decoration: underline;
font-style: normal;
display: block;
}

.archivepage p:hover{
color: #000;
}

.archivepage p img{
	margin-top:-20px;
}


.three-column-post { width: 30%; float: left; margin-left: 4.9%; }
.column-post-left { clear: left; margin-left: 0; }

.title-archive {
display:block;
}

.fader img{
    	opacity: 0;
    	font-size: 21px;
    	text-align: left;
	position:relative;
	left:+50px;
	padding-bottom:0px;
	margin-bottom:0px;
	padding-top:0px;
	margin-top:0px;
	color:#000;
}



.hauptnavigation {
  font-size: 16px;
  font-family: 'Allerta', sans-serif;
  font-weight: 700;
  color: #ae7042;
  display: block;
  line-height: 1.3;
  position: fixed;
  left: 140px;
  margin: 0px 0px 0px 120px;
  top: 0px;
  padding: 0px 10px 2px 0px;
  background-color: #F6F6F6;
}

.hauptnavigation a {
  color: #ae7042;
  text-decoration: none;
  border-top: 3px solid #ae7042;
  padding: 9px 2px 0px 2px;
  margin-left: 10px;
  font-size: 12px;
letter-spacing: 1px;
}

.hauptnavigation a:hover{
  color: #ae7042;
  text-decoration: none;
  border-top: 3px solid #FFF;
  padding: 9px 2px 0px 2px;
  margin-left: 10px;
  font-size: 12px;
}

.welcomearchive {
font-size: 60px;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
color: #CCC;
display: block;
line-height: 1.2;
margin: 0px 20px 0px 20px;
}

.welcomearchive a{
color: #CCC;
text-decoration: underline;
font-weight: 700;
}




.welcome {
font-size: 60px;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
color: #454545;
display: block;
line-height: 1.3;
max-width: 1400px;
position:relative;
	top:+50px;
margin-left:25px;
margin-bottom:100px;
margin-right:40px;
display:none;
}

.welcome a{
color: #000;
text-decoration: underline;
font-weight: 700;
}



.posttitle, .posttitle a {
font-size: 40px;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
color: #353535;
display: block;
line-height: 1.1;
text-decoration:underline;
}

.postsubtitle {
font-size: 20px;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
color: #353535;
display: block;
line-height: 1.3;
margin: 10px 0px 10px 0px;
}

.post {
vertical-align: top;
}


#content-archive.col-620{
     width:100%;
}

#content {
margin-top: 0px;
}

#content-full {
margin-top: -12px;
}



.archive .entry-meta,
.archive .entry-title,
.archive .entry-header:after,
.archive .entry-content p {
display: none;
}

.post-data {
display: none;
}

.entry-title {
display:block;
  margin-top: 80px;
  padding-top: 20px;
  border-top: 1px solid lightgrey;
}

.type-page .entry-title {
display:none;
}

.post-meta {
display:none;
}

.imgalign, .widget-title, .aiwidget-title, .thinkTwitFollow {
display: none;
}

p.thinkTwitFollow {
display: none;
}

#twitter-widget-0 {
display: none;
}



.trennung {
  margin-bottom:     9em;
}

.trennunghidden {
background-color: rgba(249, 249, 249, 1);
  margin-bottom:     7em;
}

.fader p{
    	opacity: 0;
    	text-align: left;
	position:relative;
	left:+50px;
	padding-bottom:0px;
	margin-bottom:0px;
	padding-top:0px;
	margin-top:0px;
	color:#000;
}



.grey{
    background-color:rgba(229, 229, 229, 1);
text-align:center;
}

.grey p{
text-align:center;
}

.grey:hover{
    background-color:rgba(209, 209, 209, 1);
}
.startcaption p{
font-size: 40px;
font-family: 'Crimson Text', serif;
font-weight: 700;
color: #353535;
display: block;
line-height: 1.1;
}

.startcaption p a{
color: #000;
text-decoration: underline;
font-weight: 700;
}

.caption p{
font-size: 24px;
font-family: 'Crimson Text', serif;
font-weight: 400;
color: #353535;
display: block;
line-height: 1.3;
margin-top:0px;
}


.startcaption p em{
font-size: 24px;
font-family: 'Allerta', sans-serif;
font-style: normal;
display: block;
}


.startcaption p:hover{
color: #000;
}

.postheaderfader {
    opacity: 0;
}

.article {
    margin-top: 200px;
    margin-bottom: 200px;
background-color:#eee;
}

.trenner {
    border-left: 1px solid #666;
height:5px;
margin-top:100px;
margin-bottom:100px;
}

#logo {
position: fixed;
left: 4px;
margin-top: 0px;
margin-bottom: 32px;
margin-left: 0px;
font-family: Roboto, sans-serif;
font-weight: 300;
color: #353535;
}

.rotate {
background-color:#FFF;
/* Safari */
-webkit-transform: rotate(180deg);
/* Firefox */
-moz-transform: rotate(180deg);
/* IE */
-ms-transform: rotate(180deg);
/* Opera */
-o-transform: rotate(180deg);
/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=6);
}


#logo a {
color: #000;
font-size: 16px;
font-family: 'Montserrat', sans-serif;
background-color: rgba(249, 249, 249, 0);
}

.fit {
margin-bottom:40px;
}

.grid {
padding-bottom:0px;
}

.grid p{
padding:40px;
}


.site-name {
padding-top: 0px;
line-height: 0em; */
}



#header {
margin: 0;
left: 40px;
position: fixed;
top: 0px;
z-index: 888;
}


body {
background-color: rgba(249, 249, 249, 1);
font-family: "Roboto", sans-serif;
}

h1{
font-family: "Vollkorn", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 60px;
font-weight: 400;
letter-spacing: -1px;
line-height: 1.1;
margin-bottom: 10px;
}


h1 {
font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 50px;
font-weight: 700;
letter-spacing: -1px;
line-height: 1.1;
margin-bottom: 10px;
text-transform: uppercase;
color: #000;
}


.media{
font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 60px;
font-weight: 300;
letter-spacing: -1px;
line-height: 1.1;
margin-bottom: 4%;
}



p{
font-family: Roboto, sans-serif;
font-weight: 300;
font-size: 2em;
line-height: normal;
}

.postmeta {
font-family: Roboto, sans-serif;
font-weight: 300;
font-size: 1em;
}
.postmetabold {
font-family: Roboto, sans-serif;
font-weight: 600;
font-size: 1em;
}



.wp-caption {
background: transparent;
border: 0px solid #f0f0f0;
text-align: left;
}

.wp-caption p.wp-caption-text {
padding: 10px 0px 0px 0px;
}

.textgross {
font-size: 2em;
}

.textklein {
font-size: 0.7em;
}

.clearspace {
clear:both;
}

.unten {
    bottom: 0px; 
}

#wrapper {
margin: 0px 0px 0px 0px !important;
padding: 0px 0px 0px 0px !important;
width: 100% !important;
overflow-x: hidden;
}

#container.hfeed {
max-width: 100% !important;
width: 100% !important;
}

#container {
margin: 0px 0px 0px 0px !important;
padding: 0 0px 0px 0px !important;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
max-width: 100% !important;
}



/* =Theme customization starts here
-------------------------------------------------------------- */
/* =Base
-------------------------------------------------------------- */

/* =Typography
-------------------------------------------------------------- */

/* =Responsive 12 Column Grid
-------------------------------------------------------------- */


/* =Templates
-------------------------------------------------------------- */

/* =Links
-------------------------------------------------------------- */

/* =Forms
-------------------------------------------------------------- */

/* =Tables
-------------------------------------------------------------- */

/* =Lists
-------------------------------------------------------------- */

/* =Blockquote
-------------------------------------------------------------- */

/* =Headings
-------------------------------------------------------------- */

/* =Margins & Paddings
-------------------------------------------------------------- */

/* =Globals
-------------------------------------------------------------- */

/* =Header
-------------------------------------------------------------- */

/* =Content
-------------------------------------------------------------- */

/* =Author Meta (Author's Box)
-------------------------------------------------------------- */

/* =Featured Content
-------------------------------------------------------------- */

/* =Post
-------------------------------------------------------------- */

/* =Widgets
-------------------------------------------------------------- */

/* =Titles
-------------------------------------------------------------- */

/* =Top Menu
-------------------------------------------------------------- */

/* =Primary Menu
-------------------------------------------------------------- */

/* =Sub Header Menu
-------------------------------------------------------------- */

/* =Footer Menu
-------------------------------------------------------------- */

/* =Navigation
-------------------------------------------------------------- */

/* =Responsive Menu
-------------------------------------------------------------- */

/* =Pagination (pages)
-------------------------------------------------------------- */

/* =Comments
-------------------------------------------------------------- */

/* =Gallery
-------------------------------------------------------------- */

/* =Footer
-------------------------------------------------------------- */

/* =Social Icons
-------------------------------------------------------------- */

/* =Media Print
-------------------------------------------------------------- */
/* =Responsive Design
    Media Queries
    If you're working on a Child Theme, make sure that all
    media queries are included in your style.css
-------------------------------------------------------------- */

@media screen and (min-width: 640px) {


.main-nav{
display:none;
}



}



@media (max-width: 1500px) {

.startcaption p{
font-size: 40px;
}
.caption p{
font-size: 24px;
}
.post-entry h4 p {
  -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
}

}



@media (max-width: 1400px) {

.tweettext {
line-height: 1.3em;
font-size: 26px;
}

.startcaption p{
font-size: 40px;
}
.caption p{
font-size: 24px;
}


.archive .post {
     display: inline-block;
     width: 46%;
     padding: 1%;
min-width:300px;
}

}



@media (max-width: 1300px) {
.startcaption p{
font-size: 30px;
}
.caption p{
font-size: 24px;
}

.imageGo { 
	top: 10%;
} 

.PageTitleBorder h3{ 
font-size: 1.5em;
}

}

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

.archive .post {
     display: inline-block;
     width: 98%;
     padding: 1%;
min-width:300px;
}

.welcome {
font-size: 60px;
max-width: 1400px;
}

.startcaption p{
font-size: 30px;
}
.caption p{
font-size: 24px;
}

.grid p{
padding: 14px;
}

.caption h2 {
  padding: 0px 0px 20px 14px;
}

}



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

.imageHolder .unterschrift h2{ 
display:none;
} 

.fader img {
margin-top: 0px;
margin-bottom: 20px;
}

.fit {
margin-bottom: 0px; 
}

.hauptnavigation a{
font-size: 0.8em;
}



.grid p{
padding:0px;
}



.caption p{
margin-top:0px;
}

.caption h2 {
  padding: 0px 20% 40px 20%;
}

.startcaption p em {
margin-bottom:5px;
}


.startcaption p{
font-size: 40px;
}


h2{
margin-top:0px;
font-size: 24px;
padding: 0 5%;
}

.caption p{
margin-top:0px;
font-size: 24px;
padding: 0% 20% 6% 20%;
}

.post-entry h4{
padding: 0px 5%;
}



}



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

.lower{ 
display:none;
}

.hauptnavigation{ 
display:none;
}

h6 { 
display:none;
}

.PageTitleBorder h3{ 
display:none;
}


.coppertext {
font-size: 30px;
line-height: 1.1;
padding: 0px 0px -20px 0px;
margin: 0% 20% 0% 20%;
}


.fader img {
margin-top: 0px;
margin-bottom: 10px;
}

h2 {
padding: 0 5%;
font-size:20px;
}
.caption p{
font-size:24px;
}

.caption h2 {
  padding: 0px 5% 20px 5%;
}


.grid p{
padding: 5%;
}


.hauptnavigation {
display:none;
}


.aboutmobile {
font-size: 20px;

}

.aboutmobile a{
font-size: 20px;
font-family: 'Montserrat', sans-serif;
font-weight: 700;
color: #353535;
padding-bottom:0px;
border-bottom: 0px solid black;
}



.hidetweets {
display:none;
}


.caption {
margin-top:0px;
}

.startcaption p em {
margin-bottom:20px;
}


hr {
background: #353535;
}


.fit {
margin-bottom:6px;
}

.trennung {
margin-bottom: 3em;
}

.trennunghidden {
background-color: rgba(249, 249, 249, 1);
margin-bottom: 2em;
}

.welcome {
font-size: 24px;
max-width: 1400px;
}




#header{
left:0px;
}

.archivepage p{
font-size: 24px;
}

.startcaption p {
font-size: 24px;
}

.js .main-nav a#responsive_menu_button {
background: url('http://pascalglissmann.de/electroniclifeforms/content/wp-content/uploads/2014/12/slider.png') 0 5px no-repeat;
position:fixed;
z-index:902;
}

.js .main-nav a#responsive_menu_button.responsive-toggle-open {
background: url('http://pascalglissmann.de/electroniclifeforms/content/wp-content/uploads/2014/12/slider.png') 0 5px no-repeat;
position:fixed;
}

.main-nav{
background-color: #fff;
background-image: none !important;
font-size: 26px;
position:fixed;
}

.js .main-nav a#responsive_menu_button {
right:36px;
width: 23px;
margin-top: 2px;
position:fixed;
}

.js .main-nav #responsive_current_menu_item {
padding: 5px 0px 12px 36px;
color: #000;
font-weight: 400;
cursor: pointer;
font-family: 'Allerta', sans-serif;
font-weight: 400;
font-size: 20px;
height: 20px;
width:640px;
line-height: 20px;
margin-bottom:20px;
position:fixed;
display:none;
}

.js .main-nav .menu {
position:fixed;
margin-top:6px;
}


.js .main-nav .menu li a {
font-family: 'Allerta', sans-serif;
font-weight: 400;
color: #FFF;
font-size: 20px;
height: 40px;
line-height: 60px;
padding: 0 0 12px 36px;
border: none;
border-bottom: 1px solid #fff;
text-shadow: none;
text-align: left;
cursor: pointer;
background-color: rgba(184, 115, 51, 0.95);
width:640px;

}

.js .main-nav .menu li a:hover {
color: rgba(161, 100, 45, 0.95);
}

}