/*****************************************
	CUSTOM CSS
******************************************/


/**
**
**						Example of CSS code to change the background color of Header and Content if the width is less than 980 pixels
**						Keep the syntax  !important to overwrtite the normal CSS style. To use it, delete the /** and **/ around.
**
**/


/**

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

	.website-header {
	background-color : rgba(0,0,0,0.80) !important;
	}
	
	.website-content {
	background-color : rgba(0,0,0,0.80) !important;
	}
	
}


**/



/**
**
**						Example of CSS code to change the height of header if the width is less than 980 pixels
**						You can change the sapce above the logo (padding-top) and the min height of the header. You can try between 30% and (100% - the value of padding-top).
**						To use it, delete the /** and **/ around.
**
**/



/**

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

	.website-header {
    min-height: 60%;
    padding-top:16%;
    }
}


**/

.footer-lucemania{
    width:100%;
    overflow:hidden;
}

.footer-col{
    width:33.33%;
    float:left;
    box-sizing:border-box;
    padding-right:20px;
}

@media screen and (max-width:768px){
    .footer-col{
        width:100%;
        float:none;
        margin-bottom:15px;
    }
}