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

@viewport {
	width: device-width;
}



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

h1 {
  font-size: 3em;
}



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

.desktop{
  display: block;
}

.mobile{
  display: none;
}


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

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

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

#section-title {
  min-width: 66%;
  max-width: 66%;
}


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

#thumb {
  width: calc(50% - 6px);
  height: 45vh;
  min-height: 45vh;
  padding: 0 0 0 0 !important;
  margin: 0 12px 100px 0!important;
}

#thumb img {
  height: 45vh;
  min-height: 45vh;
}

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

#projects-button {
  padding: 10px 20px 10px 20px;
  width: 180px;
  font-size: 1.2em;
}


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

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


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

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

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