/*
 * 
 * Business Card style sheet
 * 
 * Senet Ltd (c) 2017
 * 
 * Martin Flexman
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 */

body {
    
    width: 100%;
    height: 100%;
    
    margin: 0px;
    
    font-size: 24px;
    
}

body a:link
{

  /* color: #33abf9; */
  color: #333333;
  text-decoration: none;
         
	-webkit-transition: 0.5s linear;
        -moz-transition: 0.5s linear;
        -ms-transition: 0.5s linear;
        -o-transition: 0.5s linear;
        transition: 0.5s linear;

} 

body a:visited
{

  /* color: #9900cc; */
  color: #333333;
  text-decoration: none;

}  

body a:active
{

  color: #0000ff;
  text-decoration: none;
  
}  

body a:hover
{

  /* color: #0000ff; */
  color: #2580a2;
  text-decoration: none;
  
}  

.businesscard {
 
    font-family: 'robotolight';
    
    width: 100%;
    height: 100%;

}

#businesscard-image {

    /* max-width: 100%; */
    /* max-height: 100%; */

    width: 100%;
    height: 100%;

    position: absolute;
    top: 0px;
    left: 0px;


    background-image:url('http://www.senetmobile.co.uk/images/site/senet-businesscard-1280x640.png');
    background-size: auto 100%;
    background-repeat: no-repeat;
    
    float: left;

}

#businesscard-image img {

    
}

#businesscard-title {

    width: 70%;

    position: absolute;
    top: 0px;
    right: 0px;
    
    margin-right: 4px;
        
}

#businesscard-title-container {

    width: 100%;
    
    float: right;

}

#businesscard-word1 {

    width: auto;

    float: right;
    
    text-align: right;

    color:  #2580a2;

}

#businesscard-word2 {

    /* display: inline-block; */
    
    width: auto;
    
    float: right;
    
    text-align: right;

    color: #D4A017;
    
}

#businesscard-subtitle {

    width: 90%;
    margin-bottom: 4px;

    float: right;

    text-align: right;
    

}

#businesscard-social {

    width: 100%;

    float: right;

}

#businesscard-twitterfollow {

    float: right;
    
}

#businesscard-twitter {

    float: right;
    
    margin-right: 8px;
    
}


#businesscard-contact {

    width: 70%;
    
    position: absolute;
    bottom: 0px;
    right: 0px;
    
    margin-right: 4px;
    
}

#businesscard-tel {

    width: 70%;
    
    float: right;
    
    text-align: right;

    font-weight: bold;

}

#businesscard-www {

    width: 80%;
    
    float: right;
    
    text-align: right;

}

#businesscard-email {

    width: 80%;
    
    float: right;
    
    text-align: right;
    
    margin-bottom: 4px;

}