body {font-family: "Lato", sans-serif}



	.mySlides {display: none}
	.my-container:after,.my-container:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}
	.my-container {padding:0.01em 16px}

	.my-content{max-width:980px;margin:auto}
	.w3-center .w3-bar{display:inline-block;width:auto}
	.w3-center{text-align:center!important}
	.w3-padding-64{padding-top:64px!important;padding-bottom:64px!important}
	.my-padding-32{padding-top:32px!important;padding-bottom:32px!important}
	.w3-wide{letter-spacing:4px}

	.my-black{color:#fff!important; background-color:#000!important}
      .my-darkPattern{color:#fff!important; background-image: url("images/pattern-ghost-tile.png"); background-color:#000!important}

	.w3-justify{text-align:justify!important}
	.my-opacity{opacity:0.60}
	.w3-light-grey{color:#000!important;background-color:#f1f1f1!important}
	.w3-xlarge{font-size:24px!important}
	.w3-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}

	.w3-bar{width:100%;overflow:hidden}
	.w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;outline:none;display:block}	
	.w3-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;outline:none;white-space:normal;float:none}
	.w3-bar-item{text-align:center}

/* BUTTONS */
	.w3-button{border:none;display:inline-block;outline:0;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
	.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}	
	.w3-button:disabled{cursor:not-allowed;opacity:0.3}	
	.w3-button:first-child{background-color:#ccc;color:#000}
	.w3-button{width:100%;text-align:left;padding:8px 16px}
	.w3-button{white-space:normal}
	@media (max-width:600px){
		.w3-button{width:100%}
	}
	.w3-button:hover{color:#000!important;background-color:#ccc!important}


	.w3-top{position:fixed;width:100%;z-index:1} 
	.w3-top{top:0}






/* FOR GALLERY STUFF */
div.gallery {
    border: 1px solid #ccc;
}

div.gallery:hover {
    border: 1px solid #777;
}

div.gallery img {
    width: 100%;
    height: auto;
}

div.desc {
    padding: 5px;
    text-align: center;
}

* {
    box-sizing: border-box;
}

.responsive {
    padding: 0 6px;
    float: left;
    width: 24.99999%;
}

@media only screen and (max-width: 700px){
    .responsive {
        width: 49.99999%;
        margin: 6px 0;
    }
}

@media only screen and (max-width: 500px){
    .responsive {
        width: 100%;
    }
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}