html {
scroll-behavior:smooth;
}

body {
font-family: 'Source Sans Pro', sans-serif;
}

a:hover{
text-decoration:none;

}
#navigation{
background:#111111;	 
}

.lead{	
width:100%;	
margin-top:0px;
text-align:center;
padding:0 60px;
font-size:17px;
}

hr{
margin-top:22px;	
margin-bottom:60px;		
background:#B90072;
width:120px;
height:2px;	
border:none;
}
.row{
width:100%;
margin:auto;
}

/**************************************************************/
 .jumbotron h1{	
font-size: 70px;
text-align:center;
margin-top:300px;	
color:#B90072;
word-wrap:break-word;
font-weight: 100;
font-family: 'Shadows Into Light', cursive;
}
.navbar-brand{
font-size: 30px;	
font-family: 'Shadows Into Light', cursive;		
}
.jumbotron{
width:100%;
background-position:center;
background-image:url(../img/header.jpg); 
background-size:cover; 
height:900px;
}
/**************************************************************/
#col-feature-4,#col-feature-1{
padding:130px;
text-align:center;
color:white;	
transition:0.5s;
}

#col-feature-1{	
background:#B90072;
border:20px solid #ededed;
}

#col-feature-4{
background:#B90072;
border:20px solid #ededed;		
}

#col-feature-1:hover{
background:hotpink;	
color:black;	
}

#col-feature-4:hover{
background:hotpink;	
color:black;
}

#col-feature-2,#col-feature-3{		
padding:0px;
}
#col-feature-2 img,#col-feature-3 img{
width:100%;
height:100%;
}
/**************************************************************/
#presentation, #feature{
text-align:justify;	
}

#presentation p{
font-size:17px;	
}

#feature {
background:#ededed;	
}

#presentation h2, #feature h2, #contact h2,#portfolio h2{
padding:35px;
text-align:center;	
font-size:40px;
margin-top:15px;
}

/**************************************************************/
#col-portfolio1,#col-portfolio2, #col-portfolio3{
margin-top:15px;
}

#col-portfolio1 p ,#col-portfolio2 p,#col-portfolio3 p{
word-wrap:break-word;
width:100%;
text-align:center;
font-size:30px;
}

#col-portfolio1 img,#col-portfolio2 img,#col-portfolio3 img{
width:100%;		
}

#col-portfolio1 a,#col-portfolio2 a,#col-portfolio3 a{
width:100%;
background:#ffffff;
padding:10%;
transition:0.5s;	
color:#B90072;
}

#col-portfolio1 a:hover,#col-portfolio2 a:hover,#col-portfolio3 a:hover{
background:hotpink;	
color:white;
}
/**************************************************************/
#contact{
padding:20px 0 100px;
border-top: 20px solid #ededed;
}

#formrow{
margin-top:30px;
}

#sendMessageButton{
background:#222222;
border:none;
padding:10px 50px;
}

@media (max-width: 1024px) {
	#col-feature-1,#col-feature-4{	
	padding:50px;
    font-size:15px;
	}
	.lead{	
	padding:0 20px;
	}
}

@media (max-width: 766px) {
	#col-feature-3{
	margin-top:15px;	
	}
}

@media (max-width: 460px) {
	#col-portfolio1,#col-portfolio2, #col-portfolio3{
	padding:0;
	}
	#col-portfolio1 .container ,#col-portfolio2 .container, #col-portfolio3 .container{
	padding:0;
	margin:auto;
	}
	
	.lead{	
	padding:0px;
	}
}	

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

	.jumbotron{
	height:900px;
	}
}

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

	.jumbotron{
	height:1120px;
	}  
}