/* Typographical Elements
--------------------------------------------- */

body {
	background-color: #fff;
}


/*
Site Header
---------------------------------------------------------------------------------------------------- */

.site-header {
	background-color: #ffffff;
	color: #fff;
}

/*
Site Navigation
---------------------------------------------------------------------------------------------------- */

.genesis-nav-menu {
	font-size: 17px;
}


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

.widget-title {
	text-transform: none;
}

.home-bottom .widget-title {
	color: #333;
	font-weight: 400;
  
}
.home-bottom section.featured-content {
  position: relative;
}
.home-bottom section.featured-content h4{
  position: absolute;
  width: 100%;
  top: 90%;
  left: 0;
}


/* PAGES 
----------------------------------------------- */
.page-section-img img {
  float: right;
}


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

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button {
	background-color: #671465;
}

button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button:hover {
	background-color: #B446B1;
	color: #fff;
}

/* Widget Area
--------------------------------------------- */

.site-header .widget-area button:hover,
.site-header .widget-area input:hover[type="button"],
.site-header .widget-area input:hover[type="reset"],
.site-header .widget-area input:hover[type="submit"],
.site-header .widget-area .button:hover {
	background-color: #B446B1;
	color: #ffffff;
}

/* Media Queries
--------------------------------------------- */
@media only screen and (max-width: 800px) {
  .page .content {
    padding: 40px 0;
  }
  #media_image-2 {
    width: 100%;
    float: left;
    clear: both;
  }
}
@media only screen and (max-width: 650px) {
  .page-section-img img {
    float: none;
  }
}