@media only screen and (min-width: 629px) {


      
    nav button {
        display: none;
    }

    nav ul {
        margin-left: 2%;
    }
    nav ul li {
        float: left;
    }

    nav ul li a {
        border: none;
        border-right: 1px solid rgba(0,0,0,0.3);
        padding: .8rem 1rem;
    }

    nav ul.hide {
        display: block;
    }

    main {
        /* max-width: 500px; */
       margin: 0 auto;
    }

   
    
    p {
        font-size: 1em;
    }

    .social {
        margin: 10px;
    }


   .container {
       margin: 0 20px;
       display: flex;
       flex-wrap: wrap;
   }

   .picture {
       width: 45%;
   }

    .src {
        display: flex;
    }

}