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

h1,p{
text-align:center;
width:100%;
word-wrap:break-word;
}

p{
font-size: 18px;
margin-bottom: 50px;
}

h1{
font-size: 75px;
margin-top: 50px;
margin-bottom: 25px;
}

h2{
font-size: 75px;
margin-top: 50px;
margin-bottom: 25px;
}
.row,#contactForm,.container{
margin:auto!important;
width:100%;
}

#portfolio,#competences,#contact{
margin-left:140px!important;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
-o-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
}

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

#portfolio h2,#competences h2,#contact h2{
padding:40px;
}

.fa-bars{
font-size:30px;
margin-right:auto;
}
.navsiderbar{
background: #2c3e50;
z-index: 1000;
position: fixed;
left: 250px;
width: 80px;
height: 100%;
margin-left: -250px;
overflow-y: auto;

}
.fa-bars,.navbar h1{
color:#fff;
margin-left: 8px;
}

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

.navresponsive{
display:none;
}

.sidebar-nav{
padding:20px;
}

.sidebar-nav li{
padding:10px;
margin-left:80px;
margin-top:10px;
	
}

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

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

#col-portfolio-1,#col-portfolio-2,#col-portfolio-3,#col-portfolio-4{
width:100%;
padding: 0 3px;
margin-top:6px;
}

#col-competence-1,#col-competence-2,#col-competence-3,#col-competence-4{
width:100%;
padding: 0 3px;
margin-top:6px;
}


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

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

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

#contact-form{
padding:0;
margin-left:0%;	
}
.form-control{	
background:#dddddd!important;
border:1px #dddddd solid !important;
border-radius:0;	
width:100%;		
}
#sendMessageButton{
background:#2c3e50;
border:none;
padding:15px;
border-radius:0;
width:100%;
}


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

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

    .navresponsive{
    background: #2c3e50;
    display:block;
    }

    .navresponsive .fa-bars{
    font-size:30px;
    color:#ffffff;
    }
	
    .navresponsive a{
    font-size:20px;
    color:#ffffff;
    }
	
    .navsiderbar{
    display:none;    
    }
    
    #sidebar-wrapper{
    display:none;
    }
    
	.fa-bars,.navbar h1{
	color:#fff;
	}
	
    #wrapper.toggled {
    padding-left: 0px;
    }
	
	 #portfolio,#competences,#contact{
	margin:auto!important;
	-webkit-transition: all 0.7s ease-out;
	-moz-transition: all 0.7s ease-out;
	-o-transition: all 0.7s ease-out;
	transition: all 0.7s ease-out;
		
	}

}

@media(max-width:600px) {

	h2{
    font-size:40px!important;
    }
	
	h1{
    font-size:60px!important;
    }      

}


@media(min-width:1520px) {
		
	#portfolio,#competences,#contact{
	margin:auto!important;		
	}

}


/*

@media(max-width:573px) {
	#col-competence-3{
    margin-top:2% !important;    
	}

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


@media(max-width:600px) {

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

	#col-competence-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%;
	}
	
	#col-competence-1, #col-competence-2, #col-competence-3{
	padding:0 3px;
	}

	#col-competence-3{
	height:100%;
	}

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

@media(max-width:767px) {

	#col-competence-3{
	margin-top:2%;
	}

	#col-competence-3 img{
	width:100%;
	height:100%;
	}
}
*/