@font-face {
    font-family: 'helveticaregular';
    src: url('/fonts/helvetica-webfont.woff2') format('woff2'),
         url('/fonts/helvetica-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'helveticabold';
    src: url('/fonts/helvetica-bold-webfont.woff2') format('woff2'),
         url('/fonts/helvetica-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;


}

.roboto-body {
  font-family: "Roboto", Helvetica, Arial;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.roboto-h1{
     font-family: "Roboto", Helvetica, Arial;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.roboto-heading{
     font-family: "Roboto", Helvetica, Arial;
  font-optical-sizing: auto;
  font-weight:600;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}


    body{
            font-family: "Roboto", Helvetica, Arial;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:"wdth" 100;
        }

    header .social-icons a {
            color: #000!important;
            margin-left: 15px;
          
        }

    .languages{
        background:#000;
        text-align:right;
        padding:8px 0;
    }

    .languages a{
       color:#FFF;
       text-decoration:none;
       border-top:2px solid #000;
    }

     .languages a.lang-selected{
      
       border-top:2px solid #FFF;
    }

    .languages a:hover{
       color:#CCC;
       text-decoration:none;
    }

    h1{
        font-weight: 900;
        letter-spacing: -0.05rem;
        
        text-transform:uppercase;
    }

     h2{
       
       text-transform:uppercase;
        font-weight:900;
    }

     main a{
         color:#000;
     }

        .banner {
            background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.1)), url('/img/submit-1.jpg');
            background-size: cover;
            background-position: bottom center;
            padding: 80px 0;
            color: #fff;
            text-align: center;
        }

        .banner a{
            color:#FFF;
        }

        .logo svg {
            max-width: 180px;
            margin-bottom: 20px;
        }

        .logo-header img, .logo-header svg{
            width:150px;
            max-width:100%;
        }

        .logo-header{
            align-items: center !important;
            justify-content: space-between !important;
            padding:24px 24px;
        }

@media (min-width: 768px) {
    .logo-header{
            
            padding:24px 0;
        }
}

        

       

        .btn-custom {
            background-color: #ffffff!important;
            color: #000000!important;
            font-weight:600;
            padding: 16px 36px!important;
            font-weight: bold!important;
            transition: all 0.3s!important;
            border: 2px solid #000!important;
            outline: 2px solid #FFF!important;
            border-radius:0!important;
            font-size:24px;
            transition:all .5s ease-in-out!important;
        }

            .btn-custom:hover {
                background-color: #000000!important;
                color: #ffffff!important;
                border: 2px solid #FFF!important;
            outline: 2px solid #000!important;
            }

        footer {
            background-color: #000;
            color: #fff;
            padding: 50px 0 20px;
        }

     footer .social-icons a {
            color: #CCC;
            margin-right: 15px;
            font-size: 24px;
        }

      .navbar .nav-link{
            font-size:1.2em!important;
            color:#FFF!important;
            border-bottom:2px solid #000;
        }

       .navbar .nav-link:hover{
         border-bottom:2px solid #FFF;
            
        }

       .form-container
       {
           background:#1f1f1f;
          
       }

       .card{
           background-color:white!important;
       }

       .card.define{
           margin-top:-12px;
       }

       @media (min-width: 768px) {
     .card.define{
            margin-top:-128px;
        }
}
  @media (min-width: 992px) {
     .card.define{
            margin-top:-220px;
        }
}
       .card .card-body{
           padding:48px;
       }
       .card .form-control{
           border-radius:0!important;
           border:1px solid #000!important;
       }

       .card .form-label{
           font-weight:600;
       }

       .card .callout{
           background-color: #EAEDEC;
border-left: #da291c solid 4px;
padding:24px;

       }

       .card a{
 color:#000!important;
       }

       .submit-story{
           background:#000;
           padding:12px;
       }