@charset "UTF-8";

@font-face { 
    font-family: TradeGothicLT;
    src: url('webfont/Trade Gothic LT.ttf') format('ttf');
    font-weight: normal;
    font-style: normal; 
    }

@font-face { 
    font-family: Sackers;
    src: url('webfont/sackers.otf') format('otf');
    font-weight: normal;
    font-style: normal; 
    }

.work-des{
    text-align: center;
}

.work-des h3{
    font-family: 'TradeGothicLT', sans-serif !important;
    font-size: 1.5em;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    color: #000;
}

.work-des h3:hover{
    color: #d9534f;
}

.about_page{
    text-align: center;
    width: 700px;
    overflow-wrap: break-word; 
    word-spacing: 5px;
}
.page_des{
    font-size: 2em;
    line-height: 150%;
}

.coll{
    font-family: 'Sackers', sans-serif !important;
    color: #222222;
    letter-spacing: 0.18em !important;
    text-transform: uppercase;
    font-size:  2.4vw !important;
    font-weight: 100 !important;
}

.coll-sackers{
    font-family: 'Sackers', sans-serif !important;
    color: #222222;
    letter-spacing: 0.18em !important;
    text-transform: uppercase;
    font-size:  2.4vw !important;
    font-weight: 100 !important;
}

.coll-white{
    font-family: 'Sackers', sans-serif !important;
    color: #fff !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase;
    font-size:  2.4vw !important;
    font-weight: 400 !important;
}


.work-des2{
    font-family: 'Sackers', sans-serif !important;
    text-align: center;
    color: #fff !important;
    text-transform: uppercase;
    position: relative;
    top:300px;
    font-weight: 100 !important;
}

.white-box{
    background: #fff;
    
}
@media only screen and (max-width: 991px)
{
    .main{
        margin-top: -10%;
    }
    .ourcol{
        font-size: 1.7em;
    }
    .main7{
        margin-top: -15%
    }
    .main8{
        margin-top: 5%;
    }
	.resimg{
        position: relative;
        margin-left: 50px; 
	}
}
@media only screen and (min-width: 992px)
{
    .main1{
        margin-top: 15%;
    }
    .ourcol{
        font-size: 0.1em;
    }
    .main7{
        margin-top: 10%;
    }
	.resimg{
        position: relative;
        margin-left: 150px; 
	}
}