/*********************************************************   GLOBAL   **********************************************************/
/*******************************************************************************************************************************/
/*************************************************  MOBILE STYLES  - DESKTOP  *************************************************/


@media only screen and (max-width: 1024px) {

/****************TYPOGRAPHY****************/

h1 {
  font-size:30px;
  line-height: 40px;
}

h2 {
  font-size:20px;
  line-height: 28px;  
}

h3 {
  font-size:16px;
  line-height: 24px;
}


/****************HEADER SECTION****************/

#navLinks {
  float: right;
  width:30%;
}

header a {
  padding-top:20px;
}


/****************Intro SECTION****************/

#projectFilter {
  width:100%;    
}

#projectFilter h1 {
  float:left;
}

#line {
  width:30px;
  margin-top:20px;
  margin-left:10px;
  margin-right:10px;
}

/****************WORK SECTION****************/

#content {
  width:90%;
  margin-left:5%;
}

.left4x2 {
  width:100%;
  padding-bottom:50%;
  margin-right:0%;
  margin-bottom:2%;
}

.right4x2 {
  width:100%;
  padding-bottom:55%;
  margin-left:0%;
  margin-bottom:2%;
}

.left2x1 {
  width:100%;
  padding-bottom:50%;
  margin-right:0%;
  margin-bottom:2%;  
}

.right2x1 {
  width:100%;
  padding-bottom:50%;
  margin-bottom:2%;
}

.left2x2 {
  width:100%;
  padding-bottom:100%;
  margin-bottom:2%;   
}

.right2x2 {
  width:100%;
  padding-bottom:100%;
  margin-bottom:2%;    
}

#avidor {
  margin-top:0%;
  padding-bottom:100%;
}

#jamesdayton {
  margin-top: 0%;
  margin-left:0%;
}

#goradio {
  margin-left:0%;
}



/****************INFO PAGE****************/

.spacer {
  height:100px;
}

#profileImage {
  width:100%;
}

#about {
  width:100%;
  margin-left:0%;
  margin-top: 5%;
}

#availability {
  width:100%;
  margin-left:0%;
  margin-top:15%;
}

#emojis {
  display: none;
}

#socialMedia {
  width:100%;
  margin-left:0%;
  margin-top:20%;
}

#contact {
  width:100%;
  margin-left:0%;
  margin-top:15%;
}

#experience {
  width:100%;
  margin-left:0%;
  margin-top:15%;
}

#features {
  width:100%;
  margin-left:0%;
  margin-top:15%;
}

/****************Work Pages****************/


#projectHeader {
  margin-left:-113px;
  margin-top:40px;
  height: 40px;
  width:50%;
}

#projectLine {
  margin-top:10px;
  float:none;
}

#projectTitle {
  padding-top:2px;
  margin-left:0px;
  opacity: 0;
}

#projectDescription {
  margin-top:75px;
}


}






/*********************************************************   GLOBAL   **********************************************************/
/*******************************************************************************************************************************/
/*************************************************  MOBILE STYLES  - DEVICES  *************************************************/





@media only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){

/****************TYPOGRAPHY****************/

h1 {
  font-size:30px;
  line-height: 40px;
}

h2 {
  font-size:20px;
  line-height: 28px;  
}

h3 {
  font-size:16px;
  line-height: 24px;
}


/****************HEADER SECTION****************/

#navLinks {
  float: right;
  width:30%;
}


/****************Intro SECTION****************/

#projectFilter {
  width:100%;    
}

#projectFilter h1 {
  float:left;
}

#line {
  width:30px;
  margin-top:20px;
  margin-left:10px;
  margin-right:10px;
}

/****************WORK SECTION****************/

#content {
  width:90%;
  margin-left:5%;
}

.left4x2 {
  width:100%;
  padding-bottom:50%;
  margin-right:0%;
  margin-bottom:2%;
}

.right4x2 {
  width:100%;
  padding-bottom:50%;
  margin-left:0%;
  margin-bottom:2%;
}

.left2x1 {
  width:100%;
  padding-bottom:50%;
  margin-right:0%;
  margin-bottom:2%;  
}

.right2x1 {
  width:100%;
  padding-bottom:50%;
  margin-bottom:2%;
}


.left2x2 {
  width:100%;
  padding-bottom:100%;
  margin-bottom:2%;   
}

.right2x2 {
  width:100%;
  padding-bottom:100%;
  margin-bottom:2%;    
}

#avidor {
  margin-top:0%;
  padding-bottom:100%;
}

#jamesdayton {
  margin-top: 0%;
  margin-left:0%;
}

#goradio {
  margin-left:0%;
}

/****************INFO PAGE****************/

.spacer {
  height:100px;
}

#profileImage {
  width:100%;
}

#about {
  width:100%;
  margin-left:0%;
  margin-top: 5%;
}

#availability {
  width:100%;
  margin-left:0%;
  margin-top:15%;
}

#emojis {
  display: none;
}

#socialMedia {
  width:100%;
  margin-left:0%;
  margin-top:20%;
}

#contact {
  width:100%;
  margin-left:0%;
  margin-top:15%;
}

#experience {
  width:100%;
  margin-left:0%;
  margin-top:15%;
}

#features {
  width:100%;
  margin-left:0%;
  margin-top:15%;
}


/****************Work Pages****************/


#projectHeader {
  margin-left:-113px;
  margin-top:40px;
  height: 40px;
  width:50%;
}

#projectLine {
  margin-top:10px;
  float:none;
}

#projectTitle {
  padding-top:2px;
  margin-left:0px;
  opacity: 0;
}

#projectDescription {
  margin-top:75px;
}


 
}