@font-face {
	font-family: claritas-l; 
	src: url('../fonts/Roboto-Light.ttf'); 
}
@font-face {
	font-family: claritas-r; 
	src: url('../fonts/Roboto-Regular.ttf'); 
}
@font-face {
	font-family: claritas-m; 
	src: url('../fonts/Roboto-Medium.ttf'); 
}

.row{
	padding: 0;
	margin: 0;
}

body, p, div, footer, .regular{
	font-family: claritas-r;
	color: #323232;
}

p{
	font-size: 1em;
}

h1,h2,h3,h4,h5{
	font-family: claritas-r;
}

h1,h2,h3{
	text-transform: uppercase;
}

h2{
	font-size: 1.2em;
	padding-top: 1em;
	padding-bottom: 3em;
}

h3{
	font-weight: bold;
	font-size: 1em;
	padding-top: 4em;
	padding-bottom: 1em;
}

/*
h3{
	font-size: 1.6em;
	padding-top: 1em;
	padding-bottom: 1em;
}
*/

li{
	list-style-type: none;
}

strong, b, .bold{
	font-family: claritas-r;
}

ol, ul{
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
}

section{
	margin-bottom: 5em;
	/*min-height: 80vh;*/
}

#cosmetic{

}

#prices .row{
	margin-bottom: 0.5em!important;
}

#prices .container .row .row{
	border-bottom: 1px solid;
}

#services, #about{
	padding-top: 2em;
	padding-bottom: 2em;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

#services{
	background-image: url('../img/szolgaltatas.jpg');
}

#about{
	background-image: url('../img/arak.jpg');
}


.container h1{
	padding-top: 2em;
}

.row{
	margin-left: unset;
	margin-right: unset;
}

.navbar-light .navbar-nav .nav-link{
	color: #323232;
	font-family: claritas-r;
	text-transform: uppercase;
}

#content{
	min-height: 40vh;
}

.card{
	background-color: unset!important;
}

.divider{
	margin-top: 5em;
}

.divider img{
	max-height: 2em;	
}

footer{
	/*background-color: #efe9d2;*/
	color: white;
	min-height: 5em;
	margin-top: 2em;
	padding-top: 2em;
	padding-bottom: 1.5em;
	padding-left: 3em;
	padding-right: 3em;
	bottom: 0;
}

footer img{
	max-height: 4em;
	margin-bottom: 1em;
}

.footer-left{
	text-align: left;
}
.footer-right{
	text-align: right;
}
.footer-center{
	text-align: center;
}

.carousel-item{
	max-width: 100vw;
}

.carousel-top{
	margin-bottom: 4rem;
}

.carousel{
	height: auto;
	width: 100%;
	margin-bottom: 3em;
}

.carousel-caption{
	bottom: 6rem;
	font-family: claritas-r;
	z-index: 10;
}

.carousel-item{
	min-height: 45vh;
}

.carousel-item > img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 80vh;
}

.carousel-item{
	height: 50vh;
	background: no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

@media (min-width: 40em){
	.carousel-caption p{
	    margin-bottom: 1.25rem;
	    font-size: 1.25rem;
	    line-height: 1.4;
	}
	.featurette-heading{
		font-size: 50px;
  	}
}

@media (min-width: 62em){
	.featurette-heading {
		margin-top: 7rem;
	}
}

@media (max-width: 763px){
	.carousel-caption{
		bottom: 4rem;
	}
}