@font-face {
  	font-family: "Karrik";
  	src: url('Fonts/Karrik-Regular.ttf')
	}
	* {
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
	}
@font-face {
  	font-family: "Karrik-Italic";
  	src: url('Fonts/Karrik-italic.ttf')
	}
	* {
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
	}


h1{font-family: 'Karrik'; 
  font-size:50px;
  font-style: normal;
  font-weight: normal;
  text-align: center;
  color:#bebebe;
  font-feature-settings: 'ss01' on;
  }
	* {
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	}

h2{font-family: 'Karrik'; 
  font-size: 40px;
  font-style: normal;
  font-weight: normal;
  text-align: center;
 
  color:white;
  font-feature-settings: 'ss01' on;
 
  }
	* {
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	}

@media only screen and (max-width: 450px) {
	body {font-size: 14px; letter-spacing: 0.03em;	}
  img {width:250px;margin: auto auto;}
  h1{font-size: 30px; font-style: normal;}
    h2{font-size: 15px;font-style: normal;}
    #Acid, #DIAS {position:relative; top:-25px;left:10px;font-size:small;}
   figcaption {transform:rotateZ(0deg);}
   #Crush {letter-spacing:-0.12em; }
}

@media only screen and (max-width: 600px) {
	body {font-size: 18px;}
  	
  	h1{font-size: 60px;font-style: normal;}
   h2{font-size: 40px; font-style: normal;}
   figcaption {position:relative; top:-38px;transform:rotateZ(-10deg);}
}
@media only screen and (min-width: 601px) {
	body{font-size: 25px;}
  img {height:300px;overflow-x:hidden;}
  	h1{font-size: 90px;}
 
  h2{font-size: 55px;font-style: normal;}
  figcaption {transform:rotateZ(-15deg);position:relative; top:-85px;left:5%;}
}