* {
		box-sizing: border-box;
		}
		
	html {
		font-family: "Segoe Ui", "Century Gothic", Verdana, Arial;
		font-size: 16px;
		}
		
	html, * {
		padding:0px;
		margin:0px;
		border: 0;
		line-height: 1;
		}
		
	header {
		position: relative;
		width: 100%;
	}

/*	#header-texto-sfep {   /* style texto "Santa Filomena em Portugal" */
/*		z-index: 1;
		font-family: 'Pinyon Script';
		font-size: 600%;
		text-align: center;
		color: rgb(197,5,25);
	}	*/	

	#header-nome-webpage {   /* style o título da página */
		font-family: Jura;
		font-size: 390%;
		line-height: 1;
		font-weight: 500;
		text-align: center;
		color: black;
		z-index: 2;
		position:relative;
	}		

	#header-banner {
		margin-top: -1.5vw;
		width: 100%;
		z-index: 1;
		position:relative;
	}

	main {
		padding: 1vw 3vw;
		}

	main, .row {
		background: url(../images/sfep-content-bg.png) center top repeat;
		width: 100%;
		}
	
	.row::after {
		content: "";
		clear: both;
		display: table;
		}

	.small{
		font-family: Arial, "Segoe Ui", "Century Gothic", Verdana;
		font-size: 4.0vw;
		line-height: 4.8vw;
		}

	[class*="col-"] {
		float: left;
		margin: 0px;
		padding: 0px;
		}

	#img-header {
		width: 100%;
		height: auto;
		}
				
	footer img, #img-footer {
		width: 100%;
		height: auto;
		}

	a.back-to-top {
		display: none;
		width: 50px;
		height: 50px;
		text-indent: -9999px;
		position: fixed;
		z-index: 999;
		right: 20px;
		bottom: 20px;
		background: #FF0000 url("../images/symbols/up-arrow.png") no-repeat center 43%;
		opacity: 0.5;
		border-radius: 30px;
		}
		
	a:hover.back-to-top {
			background-color:#FF0000;
			opacity: 0.8;
		}	
		
	a:visited.back-to-top {
		background-color:#FF0000;
		opacity: 0.5;
		}
			
	@media screen and (max-width: 600px){
		/* For mobiles: */
	[class*="col-"] {
		width: 100%;
		}
	}
	
	@media only screen and (min-width: 600px) {
		/* For tablets: */
		.col-m-1 {width: 8.33%;}
		.col-m-2 {width: 16.66%;}
		.col-m-3 {width: 25%;}
		.col-m-4 {width: 33.33%;}
		.col-m-5 {width: 41.66%;}
		.col-m-6 {width: 50%;}
		.col-m-7 {width: 58.33%;}
		.col-m-8 {width: 66.66%;}
		.col-m-9 {width: 75%;}
		.col-m-10 {width: 83.33%;}
		.col-m-11 {width: 91.66%;}
		.col-m-12 {width: 100%;}
		}
			
	@media only screen and (min-width: 768px) {
		/* For desktop: */
		.col-1 {width: 8.33%;}
		.col-2 {width: 16.66%;}
		.col-3 {width: 25%;}
		.col-4 {width: 33.33%;}
		.col-5 {width: 41.66%;}
		.col-6 {width: 50%;}
		.col-7 {width: 58.33%;}
		.col-8 {width: 66.66%;}
		.col-9 {width: 75%;}
		.col-10 {width: 83.33%;}
		.col-11 {width: 91.66%;}
		.col-12 {width: 100%;}
	}