/*  RWD
Media Queries 
Desktop 1024px
Tablet  768px
Mobile Large 425px
Mobile Medium  375px
Mobile Small  320px */

/* Desktop */
@media screen and (min-width:601px) and (max-width:1024px){
    /* General style */
    
    /* Blogs.html */
    
    .blogs-main-new {
        display: block;
    }
    .blogs-news-img-container {
        grid-row: 2;
    }
    .blogs-news-info-container {
        grid-column: 1;
        grid-row: 3;
    }
    .blogs-posts-container {
        padding: 0 3em;
    }
    .blogs-posts-container .post-container  {
        max-width: 44%;
    }
    .contact-main-container div {
        display: inline-block;
        width: 45%;
      }
      .contact-main-container 
      .contact-left, 
      .contact-right {
        text-align: initial;
        margin-top: 2em;
      }
}


/* Mobile Large  */  
/* Mobile Medium*/

/* Mobile Small  */

@media screen and (min-width:320px) and (max-width:600px) {
    .blogpost-main-container {
        padding: 0 20px;
    }

    .contact-main-container {
      padding: 20px 0;
    }
    .contact-left p, 
    .contact-right p {
        display: none;
    }

    /* perfil.html  */
    .profile-main-container img {
        width: 100%;
    }
    .contact-main-container div {
        width: 46%;
    }
    .contact-main-container .contact-left, 
    .contact-right {
        margin-top: 10px;
    }
    .projects-main-container {
        display: block;
    }
    .profile-main-container .profile-container {
        display: block;
    }
    .projects-main-container .project-container {
        padding: 10px 10px;
    }
    /* Blogs.html */
    
    .blogs-main-new {
        display: block;
    }
    .blogs-posts-container {
        padding: 0 1em;
    }
    .blogs-posts-container .post-container {
        max-width: 95%;
    }
    nav .nav-logo-container {
        margin: 0;
    }
    header .social-media-container .icons{
        margin: 0;
    }
    .blogs-news-img-container img {
        width: 100%;
    }
    /* index.html  */
    header .social-media-container {
        width: 100%;
    }
    nav .nav-logo-container img {
        width: 190px;
    } 
    footer {
        text-align: center;
    }
}