@media only screen and (max-width: 1199px) and (orientation: portrait) {
.desktop{
  display:none;
}  
}

@media only screen and (max-width: 767px) {
.frame-space-before-extra-small{
  padding-top: 2vw;
  margin-top: 0;
}
.frame-space-after-extra-small{
  padding-bottom: 2vw;
  margin-bottom:0;
}
.frame-space-before-small{
  padding-top: 6vw;
  margin-top: 0;
}
.frame-space-after-small{
  padding-bottom: 6vw;
  margin-bottom:0;
}
.frame-space-before-medium {
  padding-top: 8vw;
  margin-top: 0;
}
.frame-space-after-medium {
  padding-bottom: 8vw;
  margin-bottom:0;
}
.frame-space-before-large{
  padding-top: 12vw;
  margin-top: 0;
}
.frame-space-after-large{
  padding-bottom: 12vw;
  margin-bottom:0;
}
.frame-space-before-extra-large {
  padding-top: 30vw;
  margin-top: 0;
}
.frame-space-after-extra-large {
  padding-bottom: 30vw;
  margin-bottom:0;
}
.frame-layout-1 {
  padding-left:5%;
  padding-right:5%;
}
.frame-layout-2 {
  padding-left:7%;
  padding-right:7%;
}
.frame-layout-3 {
  padding-left:10%;
  padding-right:10%;
}
.frame-layout-4 {
  padding-left:10%;
  padding-right:10%;
}
  
.h1, h1 {
	font-size: 10vw;
	text-transform: uppercase;
}
.h2, h2 {
	font-size:7.5vw;
	text-transform: uppercase;
}
.h3, h3 {
	font-size: 7.5vw;
}
.h4, h4 {
	font-size:5vw;
}
}
@media only screen and (max-width: 420px) {
.h1, h1 {
	font-size: 15vw;
	text-transform: uppercase;
}
.h2, h2 {
	font-size: 10vw;
	text-transform: uppercase;
}
.h3, h3 {
	font-size: 10vw;
}
.h4, h4 {
	font-size: 7.5vw;
}  
}  
@media only screen and (orientation: landscape) {
.mobile{
  display:none;
}  
}