/*****************************************
	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%;
    }
}


**/