@media screen and (max-width: 769px) {
  .projecttext {
    margin-left: -15px;
  }

}

@media screen and (min-width: 769px) {
    .skills .tr {
        width: 50%;
    }
    #logo {
        width: 50%;
        padding: 0 25%;
    }
    #logoText {
        font-size: 3.5em;
    }

}

@media screen and (min-width: 1000px) {
    .websiteDiv div, .researchDiv div {
        float: left;
        display: inline;
        padding-top: 1%;
        padding-bottom: 2%;
    }
    
    .projectpic {
        display: table-cell;
        float: left;
        width: 48%;
        margin-right: 1%;
        clear: left;
    }
    
    div.projecttext {
        display: table-cell;
        float: left;
        width: 48%;
        margin-left: 1%;
        padding-left: 0;
        padding-top: 0;
    }
    
    .projecttext h3 {
        margin-top: 0;
    }
}

@media screen and (min-width: 1400px) {
    .skills .tr {
        width: 25%;
    }
    #logoText {
        font-size: 5em;
    }
 
}