body{font-family: 'Montserrat', sans-serif;color:#003213;background-image: linear-gradient(#296c7f,#1b4653);background-size: cover;min-height:100vh} 
h2 {font-size:1.5rem}
a, a:hover {color:#003213;text-decoration:none;}

.navbar{background-color:white}
.navbar-brand {font-family: 'Alex Brush', cursive;font-size:1rem}
.nav-item{color:#003213;font-size:1.3rem}}
.navbar-nav {flex-direction: row;}
.navbar-toggler{position: absolute;right: 0;}

.titre {font-size: 2.4rem;}
.accroche{font-family: 'Alex Brush', cursive;font-size: 2.5rem;color:white;}
.badge-success {color: #fff;background-color:#003213;font-size:1rem;margin:3px;}
.badge-secondary{font-size:1rem;margin:3px;}

.soc{list-style-type: none;}
.soc-fb{background-color:#3b5998;color:white; font-size:120%; width:40px;height:40px}
.soc-twit{background-color:#55acee;color:white; font-size:120%;width:40px;height:40px}
.soc-email{background-color:#bbb;color:white; font-size:120%;width:40px;height:40px}

@media screen and (max-width:768px){
    .titre {font-size: 1.3rem;}
    .accroche{font-size: 1.2rem}
    .navbar-toggler{font-size: 0.8rem;top:10px;}
    .navbar-nav {flex-direction: column;}
    
}