@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'gotham';

  src: url('Gotham-Black.otf');
}

@font-face {
  font-family: 'gotham-thin-italic';

  src: url('Gotham-ThinItalic.otf');
}

@font-face {
  font-family: 'gotham-thin';

  src: url('Gotham-Thin.otf');
}

@font-face {
  font-family: 'gotham-med';

  src: url('Gotham-Medium.otf');
}

.wrapper{
    /* background-image:url(../img/facebook.jpg); */    
}

a{
    color: black !important;        
}

a:hover{
    color: black;   
    text-decoration: none;  
}

a:active{
    color: black;   
    text-decoration: none;  
}

.banner{
    max-width:300px;
    margin-top:50px;
    margin-left:20px;   
}

.title{
    font-size: 24px;
    font-weight: bold;  
    font-family: gotham;
}

.subtitle{
    font-size: 18px;
    font-weight: bold;  
    font-family: gotham-thin-italic;
}

.texttitle{
    font-size: 14px;
    font-weight: normal;    
    font-family: gotham-med;    
}

.texttitle2{
    font-size: 12px;
    font-weight: normal;    
    font-family: gotham-med;
    float:left !important;  
    
}

.text{
    font-size: 12px;
    font-weight: normal;    
    font-family: gotham-thin;   
}

.placeholder{
    margin-top:100px;   
}

.placeholder2{
    margin-top:30px;    
}

.placeholder3{
    margin-top:10px;    
}

.box{
    border-right: solid black 1px;  
}

.boxed{
    border: solid black 1px;
    margin-bottom: 20px;    
    padding:5px;
}

.desc{
    font-size: 16px;
    font-weight: normal;    
    font-family: gotham-thin;   
}

@media screen and (max-width: 1386px) {
    .subtitle{
        font-size: 14px;
        font-weight: bold;  
        font-family: gotham-thin-italic;
    }
    .texttitle{
    padding-right:10px;
    }
    
    .texttitle2{
    font-size: 10px;
    font-weight: normal;    
    font-family: gotham-med;
    float:left !important;  
    
}
}

@media screen and (max-width: 1141px) {
    .subtitle{
        font-size: 11px;
        font-weight: bold;  
        font-family: gotham-thin-italic;
    }
    
    .texttitle{
    font-size: 11px;
    font-weight: normal;    
    font-family: gotham-med;    
    float:left !important;
    padding-right:10px;
    }
    
    .text{
        font-size: 9px;
        font-weight: normal;    
        font-family: gotham-thin;   
    }
    
    .texttitle2{
    font-size: 9px;
    font-weight: normal;    
    font-family: gotham-med;
    float:left !important;  
    
}
}

@media screen and (max-width: 1000px) {
    .subtitle{
        font-size: 34px;
        font-weight: bold;
        font-family: gotham-thin-italic;
    }
    
    .box{
        border-right: none; 
    }
    
    .desc{
        font-size: 20px;
        font-weight: normal;    
        font-family: gotham-thin;   
    }
    
    .down{
        margin-top:30px;    
    }
}