body{
    margin: 0%;
    position: relative;
}

@font-face {
    font-family: 'Magistral';
    src:          url(Fonts/Magistral/Magistral-Book.ttf);
    font-weight:  normal;
}
@font-face {
    font-family: 'Univers';
    src:          url(Fonts/Univers/UniversLTW01-59UltCondensed.ttf);
    font-weight:  lighter !important;
}
@font-face {
    font-family: 'roboto';
    src:          url(Fonts/Roboto/Roboto-Regular.ttf);
    font-weight:  lighter !important;
}
  /* Footer */
    .footer{
      width:          calc(100vw - 80px);
      height:         55px;
      background:     black;

      display:        flex;
      flex-direction: row;
      justify-content: space-between;
      align-items:    center;

      padding-left:   40px;
      padding-right:  40px;
      margin: 0;


    }
      .footer-left{
        width:          auto;
        display:        flex;
        flex-direction: row;
        justify-content: space-evenly;

      }
        .footer-left P{
          font-size:  14px;
          margin:     auto 15px;
          color: white !important;

          text-decoration: none !important;
        }
        .footer-left a{
          text-decoration: none;
        }
      .footer-right{
        width:           50%;
        display:         flex;
        flex-direction:  row;
        align-items:     center;
        justify-content: flex-end;
      }
        .footer-icon{
          color:       #B5B5B5;
          font-size:   22px;
          margin: auto 15px;
        }
          .footer-icon:hover{
            color:      white;
            font-size:   22px;
            margin: auto 15px;
          }
  /* /Footer */


  @media screen and (max-width: 1025px) {
    .footer{
        flex-direction: column;
        height:         auto;
        padding:        5px !important;
        width:          100vw !important;
        padding:        0;
        margin:         0;
    }
        .footer-left{
            width:          100%;
            justify-content: space-evenly;
        }
   
        .footer-right{
            width:          100%;
            justify-content: center;
            
        }

    .footer{
        width:          calc(100vw - 80px);
        height:         55px;
        background:     black;

        display:        flex;
        flex-direction: row;
        align-items:    center;

        padding-left:   40px !important;
        padding-right:  40px !important;
        padding: 0 !important;
        margin: 0;
    }
}

@media screen and (max-width: 780px) {
    .footer{
        flex-direction: column;
        height:         150px;
        padding:        0 !important;
        margin: 0;
        padding-top:    20px !important;
      }
    
        .footer-left{
          width:           50%;
          justify-content: center;
          flex-direction:  column;
          text-align:      left;
          margin: auto;
        }
        .footer-right{
          width:           100%;
          justify-content: center;
          margin-top:      20px;
          margin-bottom:      20px;
        }
    
    
    
}