:root{
    --top-padding: 0px; /*Mettez le padding que vous voulez, perso je ne pense pas qu'il y ai besoin*/
    --black: #000000;
    --chinese-black: #000000;
    --white: #ffffff;
    --silver: #d1d1d1;

}

body {
    width: 100%;
    height: 100%;
}
html {
    width: 100%;
    height: 100%;
}
@media(min-width:767px) {
    .navbar {
        padding: 20px 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }
    .top-nav-collapse {
        padding: 0;
    }
    .navbar-nav{
        float:none;
        margin: 0 auto;
        display: table;
        table-layout: fixed;
    }
}

@media(max-width: 1100px) {
    .logo {
        width: 8em;
    }
}

.logo {
    height: auto;
    max-width: 100%;
}

.navbar .nav {
    float: none;
}

.navbar-brand {
    margin-right:-100px;
}

#back2Top {
    width: 40px;
    line-height: 40px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    position: fixed;
    bottom: 50px;
    right: 0;
    background-color: var(--white);
    color: #ae26ff;
    text-align: center;
    font-size: 30px;
    text-decoration: none;
}
#back2Top:hover {
    background-color: #ae26ff;
    color: var(--white);
}
.welcome-section {
    /* height: 100%; */
    padding-top: 150px;
    padding-bottom: 50px;
    text-align: center;
    background: var(--black);
}
.welcome-section h1{
    /* height: 100%; */
    text-align: center;
  
}
.theband-section {
    /* height: 50%; */
    padding-top: var(--top-padding);
    text-align: center;
    background: var(--chinese-black);
    font-size: 18pt;
}
.theband-section p {

    text-align: left;
    color: white;							  
    display: table; /* keep the background color wrapped tight */

}
.music-section {
    /*height: 100%;*/
    padding-top: var(--top-padding);
    text-align: center;
    background: var(--black);
     font-size:18pt;
}
.music-section p {
    color: var(--silver);


}
.music-section a {
    color: #ae26ff;

}
.merch-section {
    /*height: 20%;*/
    padding-top: var(--top-padding);
    text-align: center;
    background: var(--chinese-black);
    font-size:18pt;
}
.merch-section a {
    color: #ae26ff;

}
.merch-section p{
    color: var(--silver);

}
.social-section {
    /*height: 45%;*/
    padding-top: var(--top-padding);
    text-align: center;
    background: var(--black);
}
.social-section p, ul{
    font-size:18pt;
    color: var(--silver);
    text-align: left;
}
.social-section a{
    font-size:18pt;
    color: #ae26ff;
    text-align: left;
}
.presskit-section {
    /*height: 20%;*/
	font-size:18pt;
    padding-top: var(--top-padding);
    text-align: center;
    background: var(--chinese-black);
}
.rider-section {
    /*height: 20%;*/
	
    padding-top: var(--top-padding);
    text-align: center;
    background: var(--black);
	font-size:18pt;
}
.footer-section {
    /*height: 20%;*/
	
    padding-top: var(--top-padding);
    text-align: center;
    color: var(--silver);
    background: var(--black);
	font-size:10pt;
}
.navbar-default .navbar-nav > li > a:hover {
	color: var(--white);
	background-color: #ae26ff;
}
.navbar-default {
    background-color: var(--black);
    border-color: var(--white);
}
.navbar-default .navbar-nav > li > a {
    color: var(--white);
}
.navbar-default .navbar-nav > li > a:visited {
    color: var(--white);
}
h1
{
	 color:#ffec54;
	text-align:left;
}
h2{
	color: #dc8cff;
	text-align:center;

	}
h3{
	color: var(--silver);
	text-align:left;

	}
	
p{
  line-height: 3em;
}
.legend p
{
	text-align:center;
	font-size:14pt;
	width:100%;

}

/* TYPOGRAPHIE UNIQUEMENT */
body {
    letter-spacing: 0.3em;
}

/* +10% d'interligne */
p,
h1,
h2,
h3,
h4,
h5,
h6,
a,
li,
span {
    line-height: 120%;
    letter-spacing: 0.1em;
}

a {
    color:#ffec54;
    
}
a:hover{
	color:#b91aff;
}


i {
    
   
}