body{
    font-family: "din-2014", sans-serif;
    color:#4D4D4F;
    font-size:16px;
}

/* MAIN ELEMENTS */
header{
    background-color: #101828;
    color:white;
    .nav-link,
    .dropdown-item{
        color:white;
        text-align: right;
    }
    .dropdown-menu{
        border:0px;
        background-color: #101828;
        min-width: auto;
    }
}
footer{
    background-color: #1D2939;
    color:white;
    p{
        font-size:12px;
    }
}

/* SECTIONS */
.main_section{
    .main_section_wrap{
        background:  url("images/main_img.jpg") center center no-repeat; background-size: cover;
        @media (max-width: 767px) {
            background: none;
        }
    }
}
.main_content{
    padding-left:100px;
    padding-right:150px;
    padding-top:100px;
    padding-bottom:100px;
    @media (max-width: 1399px) {
        padding-right:100px;
        padding-left:60px;
    }
    @media (max-width: 1199px) {
        padding-right:50px;
        padding-left:20px;
    }
    @media (max-width: 991px) {
        padding-right:20px;
        padding-left:0px;
        padding-top:70px;
        padding-bottom:70px;
    }
    @media (max-width: 767px) {
        padding-right:0px;
    }
    h1{
        text-transform: uppercase;
        font-weight: 900;
        font-size:68px;
        line-height: 1;
        @media (max-width: 1399px) {
            font-size:62px;
        }
        @media (max-width: 1199px) {
            font-size:56px;
        }
        @media (max-width: 991px) {
            font-size:48px;
        }
        span{
            color:#F28130;
        }
    }
    p{
        font-size:18px;
    }
}
.main_img{
    opacity:0;
    @media (max-width: 767px) {
        opacity: 1;
        margin-bottom:20px;
    }
}
.section{
    padding:70px 0px;
    &.section_dark{
        background-color: #1D2939;
        color:white;
    }
    &.section_light{
        background-color: #F2F4F7;
    }
}
.social_item{
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #344054;
    justify-content: center;
    align-items: center;
    transition: all .3s;
    &:hover{
        background-color: #F28130;
    }
}

/* BOXES */
.icon_box{
    .simple_link{
        font-size:18px;
    }
}
.card_box{
    background-color: white;
    box-shadow: 0px 4px 6px rgba(16, 24, 40, .2);
    color:#1D2939;
    height: 100%;
}
.icon_arrow{
    @media (max-width: 575px) {
        transform: rotate(90deg);
    }
}

/* TYPOGRAPHY */
.section_title{
    text-transform: uppercase;
    font-size:42px;
    font-weight:900;
    letter-spacing: .5px;
    color:#1D2939;
    @media (max-width: 767px) {
        font-size:36px;
    }
}
.small_title{
    font-size:36px;
    font-weight:700;
    color:#1D2939;
    letter-spacing: .5px;
    @media (max-width: 767px) {
        font-size:30px;
    }
}
.box_title{
    font-size:24px;
    font-weight:700;
    color:#253746;
    margin:0px;
    @media (max-width: 767px) {
        font-size:21px;
    }
}
.simple_link{
    display: inline-block;
    font-weight:700;
    color:#CF3700;
    transition: all .3s;
    &:hover{
        color: #F28130;
    }
}

/* COLORS */
.text_white{
    color:white;
}
.text_big{
    font-size: 22px;
}
.bg_red{
    background-color: #EB242E;
}