a:focus {
outline: none;
}

.carousel-control.left,.carousel-control.right {
background-image: none;
}

.container {
max-width: 970px;
}

#faq p{
margin-left: 20px;    
}

h1{
float:left;
font-size: 32px;
margin-top:4px;
margin-bottom: 0px;
transform: rotate(358deg);
}

h2,h3{
font-size: 29px;
text-align:center;
transform: rotate(0.1deg);
}


#Légalité {
color: #7f7f7f;
font-family: droid-serif,serif;
font-size: 18px;
font-style: italic;
margin-top: 43px;
text-align: center;
}

.logo{
float:left;
max-width: 100px;
}

.navbar {
font-size: 16px;
}

.navbar-brand {
font-size: 19px;
display:table;
}

.navbar-brand p{
float:left;
font-size: 18px;
margin-left: 2px;
transform: rotate(358deg);
}

.navbar-fixed-top {
max-width: 970px;
margin-left: auto;
margin-right: auto;
}

.navbar-default {
background-color: #FFFFFF;
border-color: #FFFFFF;
}

.navbar-nav > li > a {
padding-bottom: 10px;
padding-top: 39px;
}

.navbar-right {
padding: 15px;
}

.navbar-toggle {
margin-top: 15px;
padding: 13px 10px;
}

#paypal{
margin-top:30px;
margin-bottom:20px;
}

#paypal img{
max-width: 400px;
width:100%;
}

.primary {
background-color: rgba(0, 0, 0, 0.3);
box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.5);
font-family: droid-serif,serif;
font-style: italic;
font-weight: 700;
margin-top: 30px;
padding-bottom: 6px;
padding-top: 6px;
text-align:center;
transform: rotate(0.1deg);
}

.primary:hover{
background-color: rgba(0, 0, 0, 0.4);
}

.primary a{
color:#FFFFFF;
font-size: 32px;
}

.primary a:hover{
text-decoration: none;
}

/*****************
/ Media Queries max-width: 1000px
/*****************/

@media screen and (max-width: 1000px){

h1{
font-size: 25px;
margin-top: 5px;
float:none;
}

.navbar-brand p {
float:none;
}

}

/*****************
/ Media Queries max-width: 768px
/*****************/

@media screen and (max-width: 768px){

.logo {
width:35%;
}

}

/*****************
/ Media Queries max-width: 540px
/*****************/

@media screen and (max-width: 540px){

.navbar-brand {
padding: 15px 0 5px 0;
}

h2,h3{
font-size: 26px;
}

.primary a {
font-size: 17px;
}


}
/*****************
/ Media Queries max-width: 410px
/*****************/

@media screen and (max-width: 416px){

h1{
font-size: 17px;
margin-top: -4px;
}

h2,h3{
margin-top:-10px;    
}

}

/*****************
/ Media Queries max-width: 320px
/*****************/

@media screen and (max-width: 320px){
    
h1{
margin-top: 0px;
}



}