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

#site-navigation {
float : right;
margin-top : 40px;
}

/*MENU TOGGLE*/
.menu-toggle,
.main-navigation.toggled ul {
	display: inline;
}
.menu-toggle {
position: absolute;
top : 15px;
right : 10px;
width : auto;
background-color: #000;
color : #fff;
font-family: 'Rosarivo', serif;
font-weight : bold;
font-size: 1.1em;
text-transform: lowercase;
border : none;
border : solid 2px #3C3D37;
}
.menu-toggle:hover, .menu-toggle:focus {
background-color: #fff;
color : #530c1c;
}



.main-navigation ul {
margin : 0;
margin-top: 20px;
max-width : 100%;
padding-bottom : 1em;
border-bottom : solid 1px #fff;
}
.main-navigation li {
float: none;
width : 80%;
margin-top : .5em;
}
.main-navigation a:link, .main-navigation a:visited {
padding : 5px;
padding-left : .5em;
padding-right : .5em;
display: block;

}
.main-navigation li.menu-item-has-children {
position: relative;
padding-right: 50px;
}
.main-navigation li.menu-item-has-children .sub-menu-toggle {
position: absolute;
top:5px;
right:0;
content: "+";
font-weight: bold;
font-size: 1.25em;
color: #4a2169;
color : red;
display: inline-block;
background: none;
border : solid 1px #000;
}

.main-navigation li.menu-item-has-children > a:after {
}

.main-navigation li.menu-item-has-children.open .sub-menu-toggle {
content: "-";
}

/*makes dropdown appear on focus*/
.main-navigation .sub-menu {
position: static;
float: none;
width: 100%;
}


/* Javascript driven class change for menu */

/*PRIMARY MENU*/
#primary-menu {
display: none;
}
#primary-menu.open {
display: block;
position : absolute;
top : 63px;
left : 0;
width : 90%;
padding : 5%;
margin-bottom: 0;
background-image: url("../images/water.jpg");
background-repeat : no-repeat;
}
#primary-menu.open li {
float : none;
width : 9em;
}
#primary-menu.open li A:link, #primary-menu.open li A:visited{
border : solid 1px #666;
color : #fff;
}
#primary-menu.open li A:hover, #primary-menu.open li A:focus{
border : solid 1px #000;
color : #fff;
background-color: #464842;
outline-color: #000;
}



.main-navigation .sub-menu {
display: none;
}
.main-navigation li.menu-item-has-children.open .sub-menu {
display: block;}

}