body { 
    background-image: url();
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #464646;
    font-family: Arial, Helvetica, sans-serif;
}

/*@media screen and (max-width: 992px) {
    body {
        background-position: 24% center; /* This will shift the background image to the right */
    }
}*/

h1 {
    margin: auto;
}

#name{
    font-size: 6vh;    
}
@media screen and (max-width: 992px) {
    #name{
        font-size: 5vh;    
    }
}

#description{
    font-size: 3vh;
}
@media screen and (max-width: 992px) {
    #description{
        font-size: 2.7vh;    
    }
}

#text-top{
    margin: 0;
    color: #ffcb9a;
    margin-left: 5vw; 
    margin-top: 2vw;
    padding: 0%;
}
@media screen and (max-width: 992px) {
    #text-top{
        margin-left: 5vw; 
        margin-top: 10vw;
    }
}



.text-bottom{
    margin: 0;
    color: #ffcb9a;
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: right;
    margin-bottom: 1vw;
    margin-right: 1vw;
    font-size: 12px;
}
@media screen and (max-width: 992px) {
    .text-bottom{
        font-size: 1vh;    
        margin-bottom: 6.3vh;
    }
}

.fa-phone, .fa-envelope-o{
    font-size:1em;
    padding-right: 4px;
}

/* Social media logos */

#social{
    margin: 0;
    position: absolute;
    bottom: 0;
    left: auto;
    text-align: left;
    margin-bottom: 1vw;
    margin-left: 1vw;
}
@media screen and (max-width: 992px) {
    #social{
        right: 0;
    }
}


.fa.soc {
    padding: 10px;
    font-size: 30px;
    width: 30px;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
  }
  
  @media screen and (max-width: 992px) {
    .fa.soc {
        padding: 8px;
        font-size: 3.5vh;
        width: 3.5vh;
    }
  }

  /* Add a hover effect if you want */
  .fa.soc:hover {
    opacity: 0.7;
  }
  
  /* Set a specific color for each brand */
  
  /* Facebook */
  .fa-facebook {
    background: #3B5998;
    color: white;
  }
  
  /* Instagram */
  .fa-instagram {
    background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
    color: white;
  }