body {
  padding-top: 56px;
}

h1{
  font-family: klein;
}

.awesome {
    margin-top: 70px;
}
.spotlight {
    background-color: #007bff;
    color: #fafafa;
    background-image: radial-gradient(lightblue, skyblue, lightskyblue)
}
.spotlight .col-md-3 {
    padding-left: 3em;
    padding-right: 3em;
}
.spotlight .fas {
    margin-top: .2em;
    margin-bottom: .2em;
}
.spotlight a {
    color: #fafafa !important;
}
.spotlight a:hover {
    color: #e1e3e1 !important;
}
.spotlight h2 {
    font-size: 1.3em;
    padding-top: 2.5em;
}
.spotlight p {
    font-size: .9em;
}

@font-face {
  font-family: myFirstFont;
  src: url(../fonts/ticketing.ttf);
}

h1, h2, h3, h4, h5, h6{
    font-family: myFirstFont;
}

.rcorners3{
  transform: rotate(7deg);
  border-radius: 50px;
  box-shadow: 10px 10px 5px lightblue;
}

.btn-primary{
  background-image: linear-gradient(lightblue, lightskyblue);
  border-color: transparent;
}

.bg-primary{
  background-size: cover; 
  background-image: linear-gradient(to right, rgba(153,204,255,0.5), rgba(153,204,255,1)), url('../img/bg.jpg');
}