html {
scroll-behavior: smooth;
}


body {
padding-top: 54px;
font-family: 'Nanum Gothic', sans-serif;
word-wrap:break-word;
}

h1,h2{
padding:18px;
text-align:center;
}

h2{
  margin-bottom: 0px;
  font-size:38px;
  font-weight:bolder;
}

p{
padding:20px 15px;
text-align:center;
margin-top:20px;
}
hr{
background:#ababab;
width:11%;
margin:auto;
height:1px;
}

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

section{
padding:0;
background:white;
}

.container{
max-width:68%;
}

.carousel-item h1 {
margin-bottom:170px;
font-size:60px;
}

#carousel-item1{
background-image: url('../img/acceuil-background.jpg');
}
#carousel-item2{
background-image: url('../img/acceuil-background2.jpg');
}
#navigation{
background:#222222;	
}

#presentation,#portfolio,#contact{
background:#f7f7f7;
padding-top:15px;
}

#portfolio,#contact{
padding-bottom:25px;
}

.presentation-container,.portfolio-container,.contact-container{
background:white;
border: 1px solid #bcbcbc;
box-shadow: 1px 1px 7px 1px #88888b73!important;
text-align:center!important;
}

.presentation-container{
text-align:justify;
}

.portfolio-item,.about-item {
margin: 30px 0;
}

.portfolio-container h4{
text-align:center;
}

.card{
border-radius: 0px;
border: 1px #cdcdcd solid;
box-shadow: 1px 1px 7px 1px #adadad73!important;
}

.card{
box-shadow: 1px 1px 7px 1px #adadad73!important;
}

.card p,.about-text{
padding: 20px 10px 30px;
margin-top: 35px;
text-align: center;
border-top: 1px #cdcdcd solid;
border-bottom: 1px #cdcdcd solid;
}

.card-body{
background:#fafafa;
padding:30px 31px;
border-radius: 0px;
}

.card-body a{
color:#103b78;
font-size:22px;
display:block;
width:100%;
padding: 0;
}

.card-img-top{
border-radius: 0px;
}

#about{
background-image: url('../img/acceuil-background.jpg');
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
color:#ffffff;
width:100%;
}

#about h2 {
margin-top: 50px;
}

#about h3 {
text-align: center;
font-size:23px;
padding-top: 20px;
margin-top: 15px;
}

#about hr{
background:#103b78 ;
}

.about-container{
background-color: rgba(255, 255, 255, 0.5);
color:#103b78;
box-shadow: 1px 1px 7px 1px #44444b73!important;
}

.about-text{
padding: 20px 30px 30px;
margin-top: 35px;
text-align: center;
border-top: 1px #103b78 solid;
border-bottom: 1px #103b78 solid;
}



.img-about img{
box-shadow: 1px 1px 7px 1px #11111b73!important;
width:100%;
height:100%;
box-shadow: 1px 1px 7px 1px #88888b73!important;
}

.presentation-container,.portfolio-container,  .contact-container{
padding:50px;
}

.about-container{
padding:15px 30px 50px;
}

#sendMessageButton{
background:#103b78;
border:none;
padding:20px 50px;
width:100%;
margin-top:2px;
border-radius:0;
}

#formrow{
margin-top:30px;
}

.form-control{
border-radius:0;
padding:9px 15px;
margin-top:10px;
}

.form-group{
margin-top:30px;
text-align:left!important;
}



@media  screen and (max-width: 1120px) {
    .about-container {
        padding: 40px !important;
    }
}

@media (max-width: 540px) {
    h2{
    margin-top:50px;
    }	
    #contact{
    padding:0;
    }
    #about hr,hr{
    width:40%;
    }
    .container{
    max-width:100%;
    padding:20px;
    }
    .about-container{
    margin-top:0px;
    }

    .about-text {
    padding: 25px 10px;
    width: 99%;
    margin: auto;
    }   

}

  @media (min-width: 992px) {
	body {
	padding-top: 56px;
	}


@media  screen and (min-width: 1619px) {

   .carousel-caption{
    margin-bottom:150px;
    } 
	.carousel-item{
	height:900px;
	}
	
}

@media  screen and (min-width: 1919px) {

   .carousel-caption{
    margin-bottom:200px;
    } 
    
	.carousel-item{
	height:1000px;
	}  
}