@font-face {
    font-family: 'Adobe Garamond Pro';
    src: url('../fonts/AGaramondPro-Regular.eot');
    src: url('../fonts/AGaramondPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AGaramondPro-Regular.woff2') format('woff2'),
        url('../fonts/AGaramondPro-Regular.woff') format('woff'),
        url('../fonts/AGaramondPro-Regular.ttf') format('truetype'),
        url('../fonts/AGaramondPro-Regular.svg#AGaramondPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body, html {
  height: 100%;
  margin: 10;
}

@media (max-width: 740px) {
    body {
        background-image: url("../img/background-mobile.jpg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: 100%;
    }
    
    .bg {
        display: none;
    }
    
    .container-fluid {
        height: 100%;
        justify-content: center!important;
        
    }
    
    .box {
        height: 100%;
        display: flex;
        justify-content: center;
    }
    
    .box .text{
        width: 100%;
        height: 100%;
        margin: auto;
    }
    
    .left-contact {
        position: absolute;
        left: 20px;
        bottom: 20px;
    }
    
    .right-contact {
        position: absolute;
        right: 20px;
        bottom: 20px;
    }
    
    .text a {
        font-size: 14px;
        font-family: 'Adobe Garamond Pro';
        font-weight: normal;
        font-style: normal;
        color:#000000;
        text-decoration:none
    }
}

@media (min-width: 740px) {
    body {
        padding-top: 30px;
    }
    
    .bg {
        width: 100%;
    }
    
    .container-fluid {
        height: 100%;
    }
    
    .box .text{
      position: absolute;
      bottom: -40px;
      right: 30px;
      font-size: 18px;
    }
    
    .text a {
        font-size: 18px;
        font-family: 'Adobe Garamond Pro';
        color:#000000;
        text-decoration:none
    }
    
    a+a {
        margin-left: 30px;
    }
}