@media only screen and (min-width: 641px) {
    
    .header-container{
        
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        position: relative;
        height: auto;
        width: 100%;
       /* margin: auto; */
/*        text-align: left;*/
    }   
    
    .logo{
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
        padding: 0;
        width: 100%; 
        align-self: center;      
    }

    .logo img {
        height: 12.8rem;
    }
    
    .socialicons {
        position: absolute;
        /* left: 0; */
        right: 2rem; 
        top: 1rem; 
/*        margin: 20px 20px 0 0 ;*/
    }
    
    .socialicons i {
        padding: .4rem;
/*
        justify-content: flex-end;
        align-content: flex-end;
*/
        font-size: 3rem;
    }
 
/*------- Navigation Bar -------*/
    .navwrapper {
        width: 100%;
        display: flex;
        padding: 1.4rem;
/*        margin: 0;*/
        gap: 1rem;
    }
    
    
    .navwrapper select {
        display: none;
    }
    
    .nav-main-items {
        display: flex;
/*
        justify-content: center;
        align-content: center;
*/
        padding: 0;
    }
    
    .nav-link {
        text-decoration: none;
    }
    
    nav ul {
        width: 100%;
        display: flex;
        flex-direction: row-reverse;
        justify-content: center;
        align-content: center;

    }
    
    nav ul li {
        justify-content: center;
        align-content: center;
        padding: 0 1rem;
    }
    
    nav ul li a {
        display: flex;
        color: #421f5d;
        text-decoration: none;
        border-left: solid 1px rgba(255,255,255,0.3);
        font-size: .80em;
        font-weight: 800;
    }
    
    .sublink {
        text-decoration: none;
        
    }
    
    nav ul li.active > a {
        color: #e8b6ff;
    }
    
    nav ul li:hover {
        color: #e8b6ff;
    }
    
    nav ul li ul {
        flex-direction: column;
        z-index: 99;
        position: absolute;
        margin: 0;
        left: -999em;
        width: auto;
        background-color: white;
/*        text-decoration: none;*/
    }
    
    nav ul li ul li {
        float: none;
        border-bottom: solid 1px rgba(0,0,0,0.3);
        border-right: none;
        text-decoration: none;
    }
    
    ul li ul li a {
        text-decoration: none;
    }
    
    nav li:hover ul {
        left: auto;
        color: #e8b6ff;
    }
    
/*------- Navigation Bar End-------*/
    
    
    
    
}