p { font-size: 100%; } .centre{ text-align: center; } #subtitle{ padding-top: 20px; } .section{ text-align: left; overflow: hidden; } .container{ position: relative; z-index: 4; width: 100%; left: 0%; top: 0.5%; margin-top: 1%; font-family: 'Exo 2', sans-serif; } #section0 .jumbotron{ color: purple; } .jumbotron-transparent{ background: rgba(221, 210, 210, 0.9); } .alert-tryouts{ background: rgba(255, 89, 0, 0.8); color: white; } .alert-member{ background: rgba(102, 0, 140, 0.65); color: white; } .alert-moreinfo{ background: rgba(230, 230, 230, 0.6); color: black; } .btn-tryout{ background: rgba(255, 89, 0, 1); color: white; margin-top: 2px; } .btn-member{ background: lightblue; color: black; } .btn-disabled{ background: rgba(230, 230, 230, 0.2); color: rgba(230, 230, 230, 0.5); font-style: italic; font-weight: lighter; } #section0{ background-image: url(../media/bg.svg); background-size: inherit; background-color: orangered; background-repeat: no-repeat; background-position: top; padding: 0% 0 0 0; } .haramPaars{ color: purple; font-weight: bold; } .haramOranje{ color: rgb(255, 89, 0); } .link{ color: purple; } .jumbotron img{ padding-bottom: 15px; } ul.no-bullet{ list-style: none; } ul.no-bullet li{ padding-top: 0.35em; padding-left: 1.0em; text-indent: -1.0em; } #fp-nav ul li a span, .fp-slidesNav ul li a span{ background-color: rgba(230, 230, 230, 1); } .regular-site{ position: absolute; display: block; top: 0.4em; right: 0.4em; z-index: 6; font-family: 'Exo 2', sans-serif; color: white; background-color: rgba(255, 89, 0, 0.6) } .fa-rocket { font-size: 130%; }