/* xxxxxxxxx MAIN HEADER xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.main_header{
        position            : relative;
        width               : 100%; 
        min-height          : 120px;
        height              : 120px;        
        margin              : 0px;
        padding             : 20px;
        background          : linear-gradient(to right, #70d2f7 0%, #11669c 100%) !important;
        color               : #ffffff;
        box-shadow          : 0 5px 5px rgb(0 0 0 / 45%);
}

.main_header.mumin{
        background          : linear-gradient(to right, #ffffff 0px, #ffffff 150px, #80d26e 30%, #177701 100%) !important;
    
}

@media(max-width: 1000px){

        .main_header{
                min-height  : 90px;
                height      : 90px;             
                background  : linear-gradient(to right, #70d2f7 0%, #11669c 100%) !important;
        }    
        
        .main_header.mumin{
                background  : linear-gradient(to right, #ffffff 0px, #80d26e 30%, #177701 100%) !important;

        }        
}

/* xxxxxxxxx LOGO xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.main_header .main_header_logo{
        float               : left;
}

.main_header .main_header_logo img{
        margin-top  : -5px;
        margin-left : 40px;
        height      : 95px;
}

@media(max-width: 1000px){

        .main_header .main_header_logo img{
                margin-top  : -10px;
                margin-left : 10px;
                height      : 75px;
        }        
}

/* xxxxxxxxx TEXT xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.main_header .main_header_text{
        position            : absolute;
        right               : 20px;
        top                 : 50%;
        transform           : translateY(-50%);    
        width               : 100%;
}

.main_header .main_header_text h1,
.main_header .main_header_text h2{
        float               : right;
        clear               : both;
        margin              : 0px;
        color               : #ffffff;
}

.main_header .main_header_text h1{
        font-size           : 36px;
        text-align          : right;
}

.main_header .main_header_text h2{
        font-size           : 24px;
}

@media(max-width: 1000px){

        .main_header .main_header_text h1{
                font-size           : 28px;
        }

        .main_header .main_header_text h2{
                font-size           : 18px;
        }
}

@media(max-width: 600px){

        .main_header .main_header_text{
                width               : 50%;
        }

        .main_header .main_header_text h2{
                display             : none;
        }        
}

@media(max-width: 500px){

        .main_header .main_header_text h1{
                font-size           : 24px;
        }
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */