@charset "utf-8";
/* CSS Document */

@media only screen {

	[data-behold-id], #instafeed {
		background:none;
		float:left;
		width: 100vw;
		height:100vh;
		overflow: hidden;
		text-align: center;
	}
	
	[data-behold-id] {
	    opacity:0.4;
	}
	
	.insta_img {
		float:left;
		overflow: hidden;
		position: relative;
	}
	
	.insta_img:after {
  		content: "";
  		display: block;
  		padding-bottom: 100%;
		
	}
	
	.insta_img img {
		position: absolute;
		width: 110%;
		height: 110%;
		top:-5%;
		bottom:-5%;
		left:-5%;
		right:-5%;
		opacity: 0.5;
	}

	.insta_img img:hover {
		opacity:.5;
	}
	
	.insta_img #blur {
		position: absolute;
		top:0;
		bottom:0;
		left:0;
		right:0;
	}
	
	.insta_img #blur:hover {
		filter:blur(.2rem);
	}
	
	#info_cont {
		display: inline-block;
		z-index: 1000000;
		transform: translateX(-50%);
		position: absolute;
		left:50%;
		color:#91D8F0;
		text-shadow: 0px 0px 11px rgba(255, 255, 255, 1);
	}
	
	#info_cont h3 {
		font-weight: bolder;
		font-family: 'Merienda', cursive;
	}

	#info_cont p {
		font-weight: bold;
	}
	
	#info_cont .plat_btn {
		background:#fff;
		font-weight: bold;
		text-decoration: none !important;
		padding: 5px;
		color: black !important;
		border-radius:2px; 
	}
	
	#info_cont .inner_btn {
		padding:15px;
		border: dashed 2px #FFE1DF;
	}
	
	#info_cont .plat_btn a {
		width: 100%;
		height: 100%;
		color: black;
		font-family: 'Galada', cursive;
	}
	
	#info_cont .plat_btn:hover {
		background:#FFE1DF;
	}
	
	#info_cont .plat_btn:hover .inner_btn {
		border: dashed 2px #fff;
	}
	
	#info_cont .plat_btn:hover a {
		color:white;
	}
	#temp-cont {
	    background:rgb(254 148 189 / 80%);
	    filter: drop-shadow(0px 0px 14px rgb(254 148 189 / 95%));
	    margin-top:-3px;
	    border:solid 3px rgb(254 148 189 / 95%);
	    border-radius: 0 0 25px 25px;
	    padding:15px;
	}
	
	#top-line {
	    width:100%;
	    height:10px;
	    position:absolute;
	    top:-8px;
	 
	    background:rgb(254 148 189 / 95%);
	    filter: drop-shadow(0px 0px 14px rgb(254 148 189 / 95%));
	    border-radius: 0 0 25px 25px;
	}
	.imgur-emb iframe, #imgur-embed-iframe-pub-xtLRNKs {
	    width:100% !important;
	}
	.js div#preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  overflow: visible;
  
  /* You can change the background color and image URL here.  This solution works with animated .svg and animated .gif */
  background: rgb(254 148 189 / 100%) url('/spin.svg') no-repeat center center;
}
}
	
@media only screen and (max-width: 786px) {	
	
	.insta_img {
		width: 50%;
	}
	
	.insta_img #blur {
		filter:blur(.2rem);
	}
	
	#info_cont h3 {
		font-size:60px; 
		margin-top:2vh;
	}
	
	#info_cont p {
		margin-top:3vh;
		font-size:15px;
		max-width:74vw;
		margin-left:3vw; 
		font-weight: bold;
	}
	
	#info_cont .plat_btn {
		width:80vw;
		font-size: 25px;
		padding: 5px;
		border-radius:2px; 
		margin-top:3vh;
	}
	
	#info_cont .inner_btn {
		width: calc(80vw - 10px);
	}
	
	#temp-cont {
	    padding:15px;
	}
		#top-line {
	    width:100%;
	  
	}
}

@media only screen and (min-width: 787px) and (max-width: 1024px) {	
	
	.insta_img {
		width: 33.33333333333%;
	}
	
	.insta_img #blur {
		filter:blur(.3rem);
	}
	
	#info_cont h3 {
		font-size:60px; 
		margin-top:2vh;
	}
	
	#info_cont p {
		margin-top:3vh;
		font-size:15px;
		max-width:64vw;
		margin-left:3vw; 
		font-weight: bold;
	}
	
	#info_cont .plat_btn {
		width:70vw;
		font-size: 25px;
		padding: 5px;
		border-radius:2px; 
		margin-top:3vh;
	}
	
	#info_cont .inner_btn {
		width: calc(70vw - 10px);
	}
	#temp-cont {
	    padding:20px;
	}
	#top-line {
	    width:100%;
	  
	}
}

@media only screen and (min-width: 1025px) and (max-width: 1200px) {	
	
	.insta_img {
		width: 25%;
	}
	
	.insta_img #blur {
		filter:blur(.4rem);
	}
	
	#info_cont h3 {
		font-size:70px; 
		margin-top:2vh;
	}
	
	#info_cont p {
		margin-top:3vh;
		font-size:15px;
		max-width:54vw;
		margin-left:3vw; 
		font-weight: bold;
	}
	
	#info_cont .plat_btn {
		width:60vw;
		font-size: 25px;
		padding: 5px;
		border-radius:2px; 
		margin-top:3vh;
	}
	
	#info_cont .inner_btn {
		width: calc(60vw - 10px);
	}
	#temp-cont {
	    padding:25px;
	}
		#top-line {
	    width:80%;
	    right:10%;
	}
}

@media only screen and (min-width: 1201px) {	
	
	.insta_img {
		width: 20%;
	}
	
	.insta_img #blur {
		filter:blur(.5rem);
	}
	
	#info_cont h3 {
		font-size:70px; 
		margin-top:2vh;
	}
	
	#info_cont p {
		margin-top:3vh;
		font-size:15px;
		max-width:34vw;
		margin-left:3vw; 
		font-weight: bold;
	}
	
	#info_cont .plat_btn {
		width:40vw;
		font-size: 25px;
		padding: 5px;
		border-radius:2px; 
		margin-top:3vh;
	}
	
	#info_cont .inner_btn {
		width: calc(40vw - 10px);
	}
	#temp-cont {
	    padding:30px;
	}
		#top-line {
	    width:80%;
	    right:10%;
	}
}

@media only screen and (min-width: 1900px) {	
	
	.insta_img {
		width: 16.66666666%;
	}
	
	.insta_img #blur {
		filter:blur(.5rem);
	}
	
	#info_cont h3 {
		font-size:80px; 
		margin-top:2vh;
	}
	
	#info_cont p {
		margin-top:3vh;
		font-size:15px;
		max-width:34vw;
		margin-left:3vw; 
		font-weight: bold;
	}
	
	#info_cont .plat_btn {
		width:40vw;
		font-size: 25px;
		padding: 5px;
		border-radius:2px; 
		margin-top:3vh;
	}
	
	#info_cont .inner_btn {
		width: calc(40vw - 10px);
	}
	#temp-cont {
	    padding:30px;
	}
	#top-line {
	    width:80%;
	    right:10%;
	}
}