@charset "utf-8";
@media (hover: none) {
    .cursor {display:none;}
}
@media only screen and (max-width:1260px) {
 
  .statement {
    width: 85%;
  }
  .rollover img {
    width: 12rem;
  }
}
@media only screen and (max-width:1040px) {

  .statement {
    width: 85%;
  }
  .rollover img {
    width: 12rem;
  }
  .item {
    padding: 0 50px;
  }
	.about section {
		margin-top:270px;
	}
}
@media only screen and (max-width:720px) {
	
  .statement {
    width: 85%;
  }
	
	.about section {
		margin-top:270px;
	}
	
	.statementsub {
		    font-size: 1.2rem;
    margin-top: 25px;
    line-height: 1.6rem;
	}
	.work {margin-top: 120px;}
	.more-work-header {    padding-bottom: 20px;}
	.more-work {flex-direction: column;}
  .one-up-project-description {
    display: block;
    text-align: center;
    color: #202833;
    font-family: 'MontserratSemiBold';
    font-size: 14px;
   
  
    line-height: normal;
	  margin-bottom: 30px;
  }
  .one-up-medium {
    font-size: 15px;
   
    font-family: 'MontserratLight';
  }
	
	.column-2 img, #rev-lig, #lig-rev {width:77px;}
  .rollover {
        background: rgba(35, 37, 46, 0);
  }
	.rollover img{display:none;}
	.rollover p {display:none;}
	.column-head {margin-bottom:20px;}
  .item {
    padding:0;
	      width: 90%;
    margin: 0 auto;
	  padding: 30px 0;
    border-bottom: 1px dotted;
  }
  .work-two-up, .work-three-up {
    display: block;
  }
  .two-up-item , .three-up-item {
    width: 100%;
    aspect-ratio: 1;
    margin-bottom: 10px;
    overflow-y: visible;
  }
  .branding {
    width: 100%;
  }
	.statement {font-size:20px;}
	.project-info {margin-top: 60px;
}
	
	.more-project {width:85%;}
    
    #name, #email, #comments {
  width:90vw;
  padding: 5px 3px 5px 3px;
  height: auto;
  font-family: 'MontserratLight';
  font-size: 1.5rem;
  border: 0;
  margin-bottom: 10px;
  margin-top: 5px;
}
.form-wrapper {
  text-align: left;
  width: 90vw;
  margin: 0 auto;
}
	.hand-emoji {font-size: 1.2rem;
    display: inline-block;
    position: relative;
    top: -0.3rem;
    left: -0.3rem;}

}

@media only screen and (max-width:500px) {
	
	
	.about section {
		margin-top:270px;
	}

	.project-info {width:90%;}
	
	.case-study {width:95%;}
	
	.branding .column-3, .branding .column-1 {font-size:16px;}
	
}