@font-face {
    font-family: 'TruenoLt'; 
    src: url('fonts/TruenoLt.eot');
    src: url('fonts/TruenoLt.otf');
    src: url('fonts/TruenoLt.svg');
    src: url('fonts/TruenoLt.ttf');
    src: url('fonts/TruenoLt.woff'); 
    
}
@font-face {
    font-family: 'TruenoRg'; 
    src: url("fonts/TruenoRg.eot"); 
    src: url("fonts/TruenoRg.otf");
    src: url("fonts/TruenoRg.svg");
    src: url("fonts/TruenoRg.ttf");
    src: url("fonts/TruenoRg.woff");
}
@font-face {
    font-family: 'TruenoSBd'; 
    src: url('fonts/TruenoSBd.eot'); 
    src: url('fonts/TruenoSBd.otf'); 
    src: url('fonts/TruenoSBd.svg'); 
    src: url('fonts/TruenoSBd.ttf'); 
    src: url('fonts/TruenoSBd.woff'); 
}
body{
    background-image: url("images/background.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    height: 100vh;
    width: 100wh;
    background-attachment: fixed;
}
.c-100{
    display: table;
    height: 100%;
    margin: 0px auto;
}
.c-101{
    display: table-cell;
    vertical-align: middle;
}
.image-101{
    margin: 0px auto;
    padding: 2% 0%;
}
.text-area p,.text-area a {
    color: #fff;
    font-family: 'TruenoLt'; 
    letter-spacing: 1px;
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 0px;
}
.mail a{
    font-size: 15px;
}
.text-area a:hover {
    color: #6b0e0f;
    text-decoration:none;
    font-weight: 900;
}

@media only screen and (max-width:992px){
    .col-md-6{
       padding-top: 50px;
    }
}
@media only screen and (min-width:992px){
    .image-101{
        width:50%;
        padding-bottom:10%;
    }
}
@media only screen and (min-width:320px) and (max-width:412px){
    .text-area p,.text-area a {
    color: #fff;
    font-family: 'TruenoLt'; 
    letter-spacing: 1px;
    font-size: 20px;
    }
    .mail a{
        font-size: 16px;
    }
}