html,body {
	height: 100%;
	font-size:1rem; 
	font-family: 'Roboto', sans-serif !important;
	font-weight: 500;
}

.navbar-custom {
	background-color:#FFF;
	#height: 70px !important;
}

.logo-custom {
	height:35px;
}

.header-custom {
	height: 6rem;
	margin-top:4rem ;
	font-size:1.25rem;
	color: #494949;
	background-color:#F2F2F2;
}

.sec-custom {
	min-height:100% !important;
	margin-top:0;
	padding:2rem;
	#font-size:0.85rem;
	color: #494949;
	#background-color:blue;
}

.img-custom {
	width: 600px;
	height: 400px;
}

.icon-custom {
	width: 16px;
	height: 16px;
	margin-bottom: 5px !important;
}

.carousel-custom {
	width: 340px !important;
	height: 250px !important;
}

.p-custom {
	font-family: 'Roboto', sans-serif !important;
	font-weight: 500;
	font-size:0.9rem !important;
	margin:0;
}

.ul-custom {
	font-family: 'Roboto', sans-serif !important;
	font-weight: 500;
	font-size:0.75rem !important;
}

.li-custom {
	font-family: 'Roboto', sans-serif !important;
	font-weight: 500;
	padding-bottom:0.2rem ;
}

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

	.img-custom {
		width: 98%;
		height: auto;
	}	

	section p {
		font-size:90%;
	}
	.p-custom {
		font-size:90% !important;		
	}
}


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

	.img-custom {
		width: 95%;
		height: auto;
	}	
	
	section p {
		font-size:90%;
		padding-top:1rem;
	}

	.p-custom {
		font-size:90% !important;		
	}
	
}


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

	.img-custom {
		width: 90%;
		height: auto;
	}	
	
	
	footer {
	font-size:0.85rem;		
	}

	section p {
		font-size:75% !important;
		padding-top:1rem;
	}
	
	.p-custom {
		font-size:70% !important;		
	}
}