html{
scroll-behavior:smooth;
}


body{
font-family: 'Roboto Condensed', sans-serif;
}

.parallax {
height:800px;	
background-image: url("../img/header.jpg");
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

 .jumbotron h1{	
font-size: 75px;
text-align:center;
margin-top:250px;	
color:#ffffff;
word-wrap:break-word;
background-image: linear-gradient(to right,rgba(255,255,255,0),rgba(0, 0, 0, 0.4), rgba(255,255,255,0));
}

.jumbotron{
width:100%;
height:700px;
background:transparent;
}

.navbar{
color:white;
background:rgba(0, 0, 0, 0.4);
}

.nav-link{
color:white;
font-size: 20px;
}

.nav-link:hover{
color:white;
}

.fa-bars{
color:white;
font-size:30px;
}

.btn{
padding:10px 30px;
border-radius:0px;
background:#222222;
font-size: 25px;
margin-top:15px;
}

.presentation-section,.about-section{
background:#ffffff; 
}

.presentation-container p{
font-size:19px;
text-align:justify;
}

.portfolio-section{
/*background:transparent;*/ 
background: linear-gradient(rgba(20, 20, 20, 0.7), rgba(20, 20, 20, 0.5), rgba(20, 20, 20, 0.3),
rgba(20, 20, 20, 0.1));
}

.portfolio-container{
background:rgba(255, 255, 255, 0.4);
border-top:10px #ffffff solid!important;
}

.portfolio-container h2{
color:black;
}

.portfolio-container h2,.about-container h2,.presentation-container h2{
font-size:37px;
padding:20px;
text-align:center;
}

.portfolio-item {
margin-bottom: 30px;
}

.card{
border:none;
border-radius:0;
}

.portfolio-item-card{
padding:10px;
background:rgba(255, 255, 255, 0.8);
border-bottom:10px #222222 solid!important;
}

.card-title,.card-title a{
color:black;
text-align:center;
}

.about-item-img1{
padding:0;
}

.about-item-img1 img{
width:100%; 
height:100%;
}

.about-item-text{
padding:0;
}

.about-item-text p{
text-align:justify;
padding:10px 20px;
}

.about-item-text h3{
text-align:center;
border-left:10px gray solid;
padding: 80px 0;
background:rgba(0, 0, 0, 0.1);
}

/***********************************************/

@media  screen and (min-width: 1419px) {
	 .jumbotron h1{	
	margin-top:340px;	
	}

	.jumbotron{
	height:900px;
	}
}

@media  screen and (min-width: 1919px) {
	.jumbotron h1{	
	margin-top:460px;	
	}

	.jumbotron{
	height:1080px;
	}  
}