header{
    width: 100%;
    height: 13vh;
    font-size: 1vw;
}
a:hover{
color:black;
cursor: pointer;
}
#headerCima{
    background-image: url(imagens/image\ 5.png);
    width: 100%;
    height: 10vh;
    background-size: cover;
    background-color: orange;
    background-position: 0% 45%;
    display:flex;
}
#headerBaixo{
    width: 100%;
    height: 3vh;
    display: flex;
    align-items: center;
    position: absolute;
    background-color: rgba(61, 67, 177, 1) ;
    color:White;
}
#headerBaixo>div{
    width: 71%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
#headerBaixo>div>div{
    width: 89%;
    height: 100%;
    margin-right: 1%;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
#headerBaixo>a{
    margin-left: 20%;
}
#inputWrapWrap{
    width: 70%;
    height: 10vh;
    display: flex;
    align-items: center;
}
#inputWrap{
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    height: 5vh;
    background-color: black;
    position: relative;
}
#inputWrap>input{
    width: 100%;
    height: 100%;
    border-radius: 5px;
    position: absolute;
}
#logoWrap{
    width: 30%;
    height: 10vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
#logoName{
    width: 40%;
    height: 4.4vh;
    overflow: hidden;
    background-image: url(imagens/Group\ 1.png);
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: 0% 0%;
    
}
#logoImageWrap{
    width: 20%;
    height: 10vh;
    overflow:hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
#logoImageWrap>img{
    width: 100%;
    height: auto;
}

@media screen and (max-width: 550px){
    #inputWrapWrap{
        width: 59%;
    }
    #inputWrap{
        height: 4vh;
    }
    #logoWrap{
        width: 41%;
    }
    #logoName{
        width: 50%;
        background-size: 100%;
        background-position: 0% 75%;
    }
    #logoImageWrap{
        width: 20%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
@media(min-width: 550px) and (max-width: 1100px){
    #inputWrapWrap{
        width: 59%;
    }
    #inputWrap{
        height: 4vh;
    }
    #logoWrap{
        width: 41%;
    }
    #logoName{
        width: 50%;
        background-size: 90%;
        background-position: 0% 0%;
    }
    #logoImageWrap{
        width: 20%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}