.btn-bocafellas{
      margin-top:-100px;
      background-color:#B01F24;
      color:white;
      padding-left:20px;
      padding-right:20px;
      border-radius:40px;
      border-color:#B01F24;
      border:0px;
      width:200px;
      height:60px;
      letter-spacing:2.2px;
      font-size:14px;
    }

    @media (max-width: 480px) {
      .btn-bocafellas{
        margin-top:-65px;
        background-color:#B01F24;
        color:white;
        padding-left:20px;
        padding-right:20px;
        border-radius:40px;
        border-color:#B01F24;
        border:0px;
        width:150px;
        height:50px;
        letter-spacing:2.2px;
        font-size:14px;
      }
    }




    @font-face {
        font-family: CrimsonRoman;
        src: url(font/Crimson-Roman.otf);
    }

    @font-face {
        font-family: GothamLight;
        src: url(font/Gotham-Light.otf);
    }

    @font-face {
        font-family: GothamMedium;
        src: url(font/Gotham-Medium.otf);
    }


    body{
        background-color: #F1F2F2;
        font-family: CrimsonRoman;
    }

    nav,footer{
        background-color: #B01F24;
        font-family: GothamLight;
    }




    input[type=text] {
        display: block;
    }

    small{
        display: block;
        color: #9C9C9C;
        font-family: GothamLight;
        font-style: italic;
    }

    a{
        color: black;
    }

    img {
        width: 100%;
        height: auto;
    }

    .row{
        margin: 0;
    }

    .red{
        color: #B01F24;
    }
    .white{
        color:white !important;
    }

    .grey{
        color: #8e8e8e;
    }
    .black{
        color:black !important;
    }

    .bg-krem{
        background-color: #e7e3e0;
    }
    .bg-red{
        background-color: #B01F24;
    }

    input[type="type"] {
        color: #888;
        background-color: #eee;
        border: 2px solid #ccc;
        text-align: center;
        border-radius: 10px;
        width: 100%;
        font-size: 14px;
        font-family: 'sans-serif';
      }

    .overlay{
        background : rgb(0, 0, 0);
        position: absolute;
        top: 0;
        left:0;
        margin: 0;
        padding: 0;
        width:100%;
        height:100%;
    }


    a:hover {
        color: #fff;
        border-bottom-color:grey;
    }

    .accordion, .card, .transparent{
        background-color: transparent !important;
    }

    .card{
        border: 0px;
    }

    .collapsed{
        color: #B01F24;
    }

    .collapsible-link:hover{
        color: white;
    }

    .navbar-toggler{
        margin-right: 20px;
    }

@media (min-width: 357px) {
    section{
        margin-top:45px;
        margin-bottom:40px;
    }

    /* .carousel{
        margin-bottom: 100px;
    } */

    footer{
        padding:20px 0px 10px 0px;
        color: white;
        font-size: 12px;
        margin-top:10px;
    }
}

@media (min-width: 480px) {
    section{
        margin-top:45px;
        margin-bottom:40px;
    }

    /* .carousel{
        margin-bottom: 100px;
    } */

    footer{
        padding:20px 0px 10px 0px;
        color: white;
        font-size: 12px;
        margin-top:10px;
    }
}

@media (min-width: 640px) {
    section{
        margin-top:45px;
        margin-bottom:40px;
    }

    /* .carousel{
        margin-bottom: 100px;
    } */

    footer{
        padding:20px 0px 10px 0px;
        color: white;
        font-size: 12px;
        margin-top:10px;
    }
}

@media (min-width: 992px) {
    .container {
      max-width: 1730px;
    }
    .container-sm {
      max-width: 1300px;
    }
    .container-md {
      max-width: 1600px;
    }
}

@media (min-width: 1000px) {
    section{
        margin-top:80px;
        margin-bottom:40px;
    }

    /* .carousel{
        margin-bottom: 120px;

    } */

    footer{
        padding:90px 0px 60px 0px;
        color: white;
        font-size: 12px;
        margin-top:130px;
    }
}

@media (min-width: 1200px) {
    .container-md {
      max-width: 1600px;
    }
}