/*!
 * Start Bootstrap - One Page Wonder v5.0.8 (https://startbootstrap.com/theme/one-page-wonder)
 * Copyright 2013-2020 Start Bootstrap
 * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-one-page-wonder/blob/master/LICENSE)



 /*! * Start Bootstrap - One Page Wonder v5.0.8 (https://startbootstrap.com/theme/one-page-wonder) * Copyright 2013-2020 Start Bootstrap * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-one-page-wonder/blob/master/LICENSE) */

 @import url('https://use.fontawesome.com/releases/v5.0.9/css/all.css');
 @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');

 @font-face {
    font-family: "Shorelines";
    src: url("../assets/fonts/Shorelines.otf") format("opentype");
  }
  
  #saffheader{
    font-family: "Shorelines";
    font-size: 42px;



  }
body{
    font-family:Lato
}
h1,h2,h3,h4,h5,h6{
    font-family:Catamaran;
    font-weight:800!important
}
.btn-xl{
    text-transform:uppercase;
    padding:1.5rem 3rem;
    font-size:.9rem;
    font-weight:700;
    letter-spacing:.1rem
}
.bg-black{
    background-color:#3711a8!important
}
.rounded-pill{
    border-radius:5rem
}
.navbar-custom{
    padding-top:1rem;
    padding-bottom:1rem;
    background-color:rgba(0,0,0,.7)
}
.navbar-custom .navbar-brand{
    /*text-transform:uppercase;*/
    font-size:1rem;
    letter-spacing:.1rem;
    font-weight:700
}
.navbar-custom .navbar-nav .nav-item .nav-link{
    text-transform:uppercase;
    font-size:.8rem;
    font-weight:700;
    letter-spacing:.1rem
}
header.masthead{
    position:relative;
    overflow:hidden;
    padding-top:calc(7rem + 72px);
    padding-bottom:7rem;
    background:linear-gradient(0deg,#e7e7e7 0,#3711a8 100%);
    background-repeat:no-repeat;
    background-position:center center;
    background-attachment:scroll;
    background-size:cover
}
header.masthead .masthead-content{
    z-index:1;
    position:relative
}
header.masthead .masthead-content .masthead-heading{
    font-size:4rem
}
header.masthead .masthead-content .masthead-subheading{
    font-size:2rem
}
header.masthead .bg-circle{
    z-index:0;
    position:absolute;
    border-radius:100%;
    background:linear-gradient(0deg,#3711a8 0,#e7e7e7 100%)
}
header.masthead .bg-circle-1{
    height:90rem;
    width:90rem;
    bottom:-55rem;
    left:-55rem
}
header.masthead .bg-circle-2{
    height:50rem;
    width:50rem;
    top:-25rem;
    right:-25rem
}
header.masthead .bg-circle-3{
    height:20rem;
    width:20rem;
    bottom:-10rem;
    right:5%
}
header.masthead .bg-circle-4{
    height:30rem;
    width:30rem;
    top:-5rem;
    right:35%
}
@media (min-width:992px){
    header.masthead{
        padding-top:calc(10rem + 55px);
        padding-bottom:10rem
    }
    header.masthead .masthead-content .masthead-heading{
        font-size:6rem
    }
    header.masthead .masthead-content .masthead-subheading{
        font-size:4rem
    }
}
.bg-primary{
    background-color:#3711a8!important
}
.btn-primary{
    background-color:#3711a8;
    border-color:#3711a8
}
.btn-primary:active,.btn-primary:focus,.btn-primary:hover{
    background-color:#bd0760!important;
    border-color:#bd0760!important
}
.btn-primary:focus{
    box-shadow:0 0 0 .2rem rgba(238,9,121,.5)
}
.btn-secondary{
    background-color:#e7e7e7;
    border-color:#e7e7e7
}
.btn-secondary:active,.btn-secondary:focus,.btn-secondary:hover{
    background-color:#c50!important;
    border-color:#c50!important
}
.btn-secondary:focus{
    box-shadow:0 0 0 .2rem rgba(255,106,0,.5)
}