@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}



@media screen and (min-width: 1280px) {


h1 {
	font-size: 3em;
}

h2{
  font-size: 2em;
	line-height:1.2;
}

h3 {
  font-family: 'PPNeueMontreal-Book';
  font-size: 1.5em;
  margin: 0px;
  line-height: 1;
  padding-bottom: 20px;
  font-weight:normal;
  -webkit-font-smoothing: antialiased;
}

/* =PAGE
-------------------------------------------------------------- */

.desktop{
  display: block;
}

.mobile{
  display: none;
}



/* =SECTIONS
-------------------------------------------------------------- */

#section-1 {
  min-width: 49.8%;
  max-width: 49.8%;
}

#section-2 {
  min-width: 49.8%;
  max-width: 49.8%;
}


/* =TOGGLE
-------------------------------------------------------------- */

#menu{
  right:-49%;
}


/* =BANNER
-------------------------------------------------------------- */

#banner-text{
  width: 60%;
}


/* =PROJECTS
-------------------------------------------------------------- */

#thumb {
  width: calc(33.33% - 8px);
  height: 35vw;
  min-height: 35vw;
  padding: 0 0 0 0 !important;
  margin: 0 12px 100px 0!important;
}

#thumb img {
  height: 35vw;
  min-height: 35vw;
}

#thumb:nth-child(2n){
  margin-right: 12px!important;
} 

#thumb:nth-child(3n){
  margin-right: 0px!important;
} 

#projects-button {
  margin: 0 10px 0 10px ;
  padding: 10px 20px 10px 20px;
  border: solid 1px #fff;
  width: 180px;
  font-size: 1.2em;
  transition: background 0.6s;  
}


/* =FLICKITY CAROUSEL 
-------------------------------------------------------------- */

.carousel-cell {
  width: 66%;
  height: 66vh;
}


/* =FOOTER
-------------------------------------------------------------- */

#footersection-1 {
  min-width: 50%;
  max-width: 50%;
}

#footersection-2 {
  min-width: 50%;
  max-width: 50%;
}

#details{
  min-width: 28%;
}