/* Colours */
body {
    background-color: #000000;
    font-family: "rift-soft",sans-serif;
    color: #939393;
}

#logo {
    max-width: 100%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 4em;    
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

#sm-logo {
    height: 50%;
}



#main p {
    text-align: center;
    
    font-size: 1.5em;
    padding-top: 2em;
        -webkit-animation: fadein 3s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 3s; /* Firefox < 16 */
        -ms-animation: fadein 3s; /* Internet Explorer */
         -o-animation: fadein 3s; /* Opera < 12.1 */
            animation: fadein 3s;
}

#main h2 {
    text-align: center;
    
    font-size: 3em;
    padding-top: 0.2em;
        -webkit-animation: fadein 3s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 3s; /* Firefox < 16 */
        -ms-animation: fadein 3s; /* Internet Explorer */
         -o-animation: fadein 3s; /* Opera < 12.1 */
            animation: fadein 3s;
}

#main #cta{
    background-color: black;
    border-color: black;
    
    
}
#footer {
    text-align: center;
    font-size: 1.1em;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
        -webkit-animation: fadein 4s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 4s; /* Firefox < 16 */
        -ms-animation: fadein 4s; /* Internet Explorer */
         -o-animation: fadein 4s; /* Opera < 12.1 */
            animation: fadein 4s;  
}

#footer a {
    padding-right: 0.5em;
}

a:link {
    text-decoration: none;
    color: #939393;
}

a:visited {
    text-decoration: none;
    color: #939393;
}

a:hover {
    text-decoration: none;
    color: #ffffff;
}

a img {
    padding-right: 8px
}

#links {
    bottom:5px;
    font-size: 0.8em;
    text-align: right;
    -webkit-animation: fadein 5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 5s; /* Firefox < 16 */
        -ms-animation: fadein 5s; /* Internet Explorer */
         -o-animation: fadein 5s; /* Opera < 12.1 */
            animation: fadein 5s;
}

@media (max-width: 600px) {
    #logo {
    padding-top: 0.5em;
  }
    
    #footer {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
    
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
     -moz-transition: -moz-transform 0.3s ease-out;
       -o-transition: -o-transform 0.3s ease-out;
          transition: transform 0.3s ease-out;
}

.modal.in .modal-dialog {

}

.modal-content {
    background-color: black !important;
    border: none;
    
    }
    
.carousel-control {
    position:relative; 
    width:300px;
    margin:0 auto;
    }
    
.carousel-indicators{
   top:0px; 
}