/* header */

header{
    background:$color-blue;
    width:100%;
    position:fixed;
    height:100px;
    display: flex;
    align-items: center;
    z-index:3;
    .container{
            width:90%;
            margin-left:auto;
            margin-right:auto;
            display:flex;

        .logo{  
            width:30%;
            img{
                max-height:50px;
                @media screen and (max-width:$phone){
                    max-height:45px;
                }
            }
        }
        .menu{
            margin-left:auto;
            display:flex;
            ul.desktop{
                display:inline;
                list-style-type:none;
                padding-left:0;
                li{
                    margin:0 0 0 40px;
                    display:inline-block;
                    a{
                        text-transform:uppercase;
                        &:hover{
                            color:$color-gold;
                            cursor:pointer;
                        }
                    }
                }
                @media screen and (max-width:$tablet_small_landscape){
                    display:none;
                }
            }
            .hamburger-menu{
                display:none;
                @media screen and (max-width:$tablet_small_landscape){
                    display:block;
                }
            }
            
        }
    }
    @media screen and (max-width:$phone){
        height:80px;
    }
}

.stay__connected{
    margin-top:30px;
    text-transform:uppercase;
    hr{
        max-width:50%;
        margin-bottom:30px;
        
    }
    p{
        letter-spacing:1px;
        margin-bottom:5px;
    }
    .newsletter a{
        font-size:14px;
        margin-top:0;
        margin-bottom:40px;
        @media screen and (max-width:$phone){
            margin-bottom:20px;
        }
    }
}