@media screen and (max-width: 760px) {
  
	.site-footer {

	font-size: 3 !important;
padding: 0rem 0;

	width: full !important;
	margin-left: 0%;

}
    }


.woocommerce-message {
  border-top-color: #C5B5D5;
  background-color: #C5B5D5;
  color: #ffffff;
	margin-bottom: 10px
	
		
}
	.woocommerce-info {
  border-top-color: #C5B5D5;
  background-color: #000;
  color: #ffffff;
	margin-bottom: 10px
	
		
}


input.search-field {
    background-color: #ffffff 


			

			!important;

}


	.div.col-full  {
height: 60px !important;
}




/* Make menu text smaller */
.menu a {
  font-size: 12px !important;
}

/* Reduce top spacing on main content */
main {
  padding-top: 0px !important;
}


/* Make header shorter */
.site-header {
  height: 220px !important;
}

/* Make header Padding shorter */
.site-header {
		margin-bottom: auto !important;
}

/* Gap Between Header / Content */
.content-area {
  margin-top: 0px !important;
	  padding-top: 0px !important;
}


.page .entry-header {
	text-align: center;
} 

.page-id-108 .breadcrumbs {display: none !important}

/* Constrict width to 1200 
.entry-content { max-width: 1200px; }
*/





.site-footer {
padding: 0rem 0;

	width: 120%;
	margin-left: -10%;
	position:center;
}
.footer-widget-container 
p {

	width: 100%;
margin-bottom: 0;
}


/* HIDE CATEGORY PAGE TITLES */
.woocommerce .page-title {
	display: yes;
	color: #DCDCDC;
	font-weight: 100;
	letter-spacing: 7px;
}





/* Container holding the image and the text */
.container {
	
  position: relative;
  text-align: center;
	font-weight: bold;
  color: white;
}


/* Centered text */
.centered {
  position: absolute;
	vertical-align: middle;
	align-content: center;
	width: 100%;
    font-size: 5vw;
	line-height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
    }


.page-id-108
iframe[src*="youtube.com"] {
  transform: scale(1.33) !important;

  transform-origin: center !important;
}



@media only screen and (max-width: 767px) {
    .site-branding {
        width: 100%;
	text-align: center;
    }
    .header-text-title {
        float: none;
    }
    .slicknav_menu {
        text-align: center;
    }
	
	


	

/* Rollover opacity change*/
.mouse:hover
    {
      opacity: 0.7;	
    }