a:not(.btn){
    color: #2c72ff;
    }
        .btn.btn-primary{
    background-color: #000000;
    border-color: #000000;
    }
    .btn.btn-primary:hover{
    background-color: #000000;
    border-color: #000000;
    }
    .btn.btn-primary.focus, .btn.btn-primary:focus{
    box-shadow: 0 0 0 0.2rem rgba(0,0,0,.5);
    }
    .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{
    background-color: #000000;
    border-color: #000000    }
    .loading-container .ball-pulse > div{
    background-color: #000000;
    }
@font-face {
    font-family: 'OtypicalText';
    src: url('/media/f870331d-3e48-4135-a5ac-1ea79645e05a.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'OtypicalText';
    src: url('/media/ffa94801-d9a4-4183-ba76-4bfce24d1814.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*@font-face {
    font-family: 'TeleGroteskNext';
    src: url('/media/dc5cf14a-5ff8-4103-8737-139b2dae5802.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}*/

body {
    color: #373a3c;
    font-family: 'OtypicalText', 'Helvetica', 'Arial', sans-serif;
}

img {
    max-width:100%;
}

.introduction-container {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: url('/media/769e1293-b9e3-4b58-b43c-54d7643ca3fb.png');
  	/*border-bottom: 3px solid #6c757d;*/
  	border-top: 0px solid #ea0a8e;
    box-shadow: 0px 5px 5px grey;
    padding-top: 0px!important;
    min-height: 400px;
}

@media (min-width:500px) {
    .introduction-container {
      background-position: left center;
      background-image: url('/media/33a32c2d-32ab-493d-bf3d-79db063cf9e1.png');
      min-height: 550px;
  }
}

.introduction-container .card {
  opacity:0;
}

.introduction-container h1 {
      font-size: 60px;
      font-weight: bold;
  	  color: #000;
      text-align: center;
   }

.introduction-container > .container {
    max-width: 1170px;
}

.introduction-container .col {
    padding: 0;
}

.introduction-container .card {
    padding: 20px 20px;
}

h1, h2, h3, h4 {
    font-weight: lighter;
}

@media (min-width: 500px) {
.introduction-container {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left center;
  	}
}

@media (min-width: 768px) {
    .introduction-container .card {
        width: 100%;
        float: left;
        min-height: 200px;
    }

    .introduction-container {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left center;
  }
}

@media (min-width: 992px) {
    .introduction-container .card {
        width: 100%;
        float: left;
        min-height: 200px;
    }
    .introduction-container {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left center;
  }
}

.navbar {
    background-color: #fff !important;
    padding: 0;
}

.navbar > .container {
    max-width: 1170px;
    background-image: url('');
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}
.navbar .navbar-brand {
  	text-indent: -999999px;
    background-image: url('/media/d4e2f919-6e49-46c6-af10-3a5d0f8c9697.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
  	margin-top:20px;
  	margin-bottom:20px;
    height: 38px;
  	width:178px;
}

@media (max-width:1000px) {
  .navbar .navbar-brand {
    margin-left:20px;
  }
}

.navbar .navbar-collapse .d-md-block #navbar-locale {
    padding-top: 20px;
}

.navbar .navbar-collapse a {
    text-transform: lowercase;
    color: #000 !important;
    font-weight: 300;
}

.card {
    border: none;
    border-radius: 0;
}

footer {
    background: #fff;
    padding: 15px 0px;
}

footer:before{
  
    margin-bottom: 15px;
    margin-top: 15px;
    display: block;
}

footer .container {
    max-width: 1170px;
}

footer ul {
    text-align: right;
    margin: 0;
    padding: 0;
    width: 100%;
}

footer ul li {
    display: inline-block;
    list-style: none;
}

footer ul li a {
    color: #333 !important;
    font-family: 'Open Sans', sans-serif;
  	font-weight: lighter;
    font-size: 14px;
    padding: 15px 4px;
}

@media (min-width: 992px) {
    footer ul li a {
        font-size: 16px;
        padding: 15px 7.5px;
    }
}

footer ul li:after {
    content: '|';
}

footer ul li:last-child:after {
    content: '';
}

footer .footer-socials a {
    display: inline-block;
    color: #fff;
    background: #2c72ff;
    font-size: 18px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;    
  	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

footer .footer-socials a.facebook {
    background: #2c72ff
}

footer .footer-socials a.twitter {
    background: #2c72ff
}

footer .footer-socials a.instagram {
    background: #2c72ff
}

footer .footer-socials a.pinterest {
    background: #2c72ff
}

footer .footer-socials a.youtube {
    background: #2c72ff
}

a:hover, a:focus {
    text-decoration: none;
}

.campaign-list-container .card {
    background-color: #fafafa;
  	color: #000;
    text-align: center;	
  	border-radius: 0px;
}

.campaign-list-container .card .btn.float-right {
    float: none !important;
}

.campaign-list-container .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

@media (min-width: 768px) {
    .campaign-list-container .col-sm-12 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}