body {
overflow-x: hidden;
font-family: 'Quicksand', sans-serif;
scroll-behavior:smooth;
background:#ffffff;
}

h1{
text-align:center;
}

#presentation{
text-align:justify;	
}

#portfolio h2,#contact h2,#competences h2{
text-align:center;	
font-size:40px;
word-wrap:break-word;
}

#contact h2,#competences h2{
padding:0px;
}

#portfolio h2{
padding:40px;
}

.fa-bars{
font-size:30px;
margin-right:auto;
}

.fa-bars,.navbar h1{
color:#222222;
}

.navsiderbar h1{
font-size:30px;
}

.navresponsive{
display:none;
}

.sidebar-nav{
padding:20px;
}

.sidebar-nav li{
padding:10px;
}

.sidebar-nav li a{
font-size:20px;
}

.sidebar-brand a{
font-size:30px!important;
}

#col-portfolio-group-1,#col-portfolio-group-2,#col-portfolio-group-3{
padding:0;
}

#col-portfolio-1,#col-portfolio-2{
padding: 0 6px;
margin-top:0;
}

#col-portfolio-3,#col-portfolio-4{
padding: 0 6px;
margin-top:0;
}

#col-portfolio-3 img{
width:200%;
height:100%;
}

#col-portfolio-1 img,#col-portfolio-2 img,#col-portfolio-4 img{
width:100%;
height:100%;
}

#col-portfolio-1,#col-portfolio-2{
width:100%;
height:49.25%;
}
#col-portfolio-2{
margin-top:2%;
}

#col-portfolio-group-3{
margin-top:1%;
}

#col-portfolio-3,#col-portfolio-4{
height:100%;
}

#col-competence-group-1,#col-competence-group-2{
padding:0;
}

#competence1,#competence2{
width:100%;
height:49.25%;
}

#competence1,#competence2,#competence3{
padding: 0 6px;
}

#competence3{
padding: 0 6px;
}

#competence2{
margin-top:2%;
}

#competence1 img,#competence2 img{
width:100%;
height:100%;
}

#competence3 img{
width:200%;
height:100%;
}

.intro-competences,.intro-contact{
margin-bottom:60px;
margin-top:40px;
padding:5px 0px;
text-align:center;
}

hr{
width:150px;
height:1px;
background:#222222;	
}

#contact{
padding:50px 0 100px;
}

#formrow{
margin-top:30px;
}
.form-control{	
background:#dddddd!important;
border:1px #dddddd solid !important;
border-radius:0;			
}
#sendMessageButton{
background:#222222;
border:none;
padding:10px;
border-radius:0;
}

@media(max-width:1024px) {
    h2{
    margin-top:30px;
    }    

    .navbar-brand{
    font-size:30px!important;   
    color:#ffffff; 
    }

    .navresponsive{
    background:rgba(255,255,255);
    display:block;
    }

    .navresponsive .fa-bars{
    font-size:30px;
    color:#222222;
    }
	
    .navresponsive a{
    font-size:20px;
    color:#222222;
    }
	
    .navsiderbar{
    display:none;    
    }
    
    #sidebar-wrapper{
    display:none;
    }
    
    #wrapper.toggled {
    padding-left: 0px;
    }
	
	
}


@media(max-width:573px) {

    #competence3{
    margin-top:2% !important;    
	}
}

@media(max-width:573px) {

    #col-portfolio-4{
    margin-top:3% !important;    
	}
    
    #col-portfolio-3{
    margin-top:2% !important;    
	}
}


@media(max-width:600px) {

	#col-portfolio-3 img{
	width:100%;
	}

	#col-portfolio-3,#col-portfolio-4{
	width:100%;
    height: 100%:
	}

	#col-portfolio-4{
	margin-top:1%;
	}
    
    #col-portfolio-3{    
    margin: 0;    
	}
    
    #col-portfolio img{
	width:200%;
	}
}

@media(max-width:769px) {


	#col-portfolio-1,#col-portfolio-2,#col-portfolio-3,#col-portfolio-4{
	padding:0 3px;
	}
	#col-portfolio-2{
	margin-top:2%;
	}
	
	#competence1, #competence2, #competence3{
	padding:0 3px;
	}

	#competence3{
	height:100%;
	}

	#competence3 img{
	width:200%;
	height:100%;
	}
}

@media(max-width:767px) {

	#competence3{
	margin-top:2%;
	}

	#competence3 img{
	width:100%;
	height:100%;
	}
}