/* ----------- Desktop Retina Screens ----------- */
@media screen
and (min-device-width: 1200px)
and (max-device-width: 1600px)
and (-webkit-min-device-pixel-ratio: 2)
and (min-resolution: 192dpi) {


}

/*Tamanho padrão para telemóveis*/
@media only screen and (max-width: 699px) {
    .container-fluid {
        background-color: white;
    }
    .mainImage-title h1 {
        font-size: 50px;
    }
    .mainImage-title h3 {
        font-size: 24px;
    }
    h3 {
        margin: 0px;
    }
    .social-media-div .col-md-2{
        width: 50%;
        margin-bottom: 20px;
    }
    .bio-photo {
        display: none;
    }
    #bio p,h1 {
        margin: 0 10px 1rem 10px;
    }
    #skills ul {
        margin-left: 0px; 
    }
    #skills li {
        list-style: none;
    }
    #skills h6 {
        text-align: center;
    }
    #projects h3 {
        padding-top: 20px;
        text-align: center;
    }
    .projects-divs {
        text-align: center;
        margin: 30px 0px 0px 30px;
    
    }
    .modal {
        padding: 3%;
        
    }
    .modal-dialog-centered {
        top: 0px;
    }
    #footer-socialMedia {
        background-color: black;
        text-align: center;
    }

}


/*Tamanho padrão para tablet*/
@media only screen and (min-width:701px) and (max-width: 950px){

}