html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}
body {
	text-align: center;
	height: 100%;
	width: 100%; 
	margin:auto!important;
	background-color: #000000;
}

img {
	-ms-interpolation-mode: bicubic;
}

@font-face {
   font-family: 'Avenir';
   src: local ('AvenirNext-Bold');
   src: local ('Avenir Next Bold');
   src: url('fonts/AvenirNext-Bold.woff');
   font-weight: 900;
   font-style: bold;
}
@font-face {
   font-family: 'Avenir';
   src: local ('AvenirNext-DemiBold');
   src: local ('Avenir Next DemiBold');
   src: url('fonts/AvenirNext-DemiBold.woff');
   font-weight: 500;
   font-style: normal;
}
@font-face {
   font-family: 'Avenir';
   src: local ('AvenirNext-Medium');
   src: local ('Avenir Next Medium');
   src: url('fonts/AvenirNext-Medium.woff');
   font-weight: 300;
   font-style: normal;
}
h1 {
	font-family: 'shlop', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 72px!important; 
	line-height: 80px; 
	color: #ffff00; 
	margin-bottom: 0!important;
	margin-top: 0!important;
	padding: 30px 10px 10px;
}

h2, h3, h4, h5, h6, a, p {
	font-family: 'Avenir', sans-serif; 
	margin: auto;
}
h1, h2, h3, h4, h5 {
	text-align: center;
}
h2 {
	color: #ffffff; 
	font-weight: 900; 
	font-size: 20px; 
	line-height: 24px; 
}

a {
	text-decoration: underline;	
	color: #ffffff;
}
p {
	color: #ffffff; 
	font-size: 10px; 
	font-weight: 300; 
	line-height: 14px;
	position: absolute;
	left: 10%;
	right: 10%;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px; 
}
.text-container{
	padding: 0 20px;
	margin: auto;

}
svg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 95%;
  z-index: 0;
  
}
.svg-container {
	position: relative;
}
.main-container{
background: rgb(0,0,0);
background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 24%, rgba(10,6,42,1) 30%, rgba(17,11,69,1) 34%, rgba(98,158,247,1) 45%, rgba(1,13,156,1) 60%, rgba(57,11,154,1) 70%, rgba(17,11,69,1) 95%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 24%, rgba(10,6,42,1) 30%, rgba(17,11,69,1) 34%, rgba(98,158,247,1) 45%, rgba(1,13,156,1) 60%, rgba(57,11,154,1) 70%, rgba(17,11,69,1) 95%);
background: linear-gradient(0deg, rgba(0,0,0,1) 24%, rgba(10,6,42,1) 30%, rgba(17,11,69,1) 34%, rgba(98,158,247,1) 45%, rgba(1,13,156,1) 60%, rgba(57,11,154,1) 70%, rgba(17,11,69,1) 95%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#110b45",GradientType=1);
}


@media only screen and (max-width: 600px) {
	circle {}
	h1{
		font-size: 60px!important;
		line-height: 64px;
	}
	svg{
		height: 85%;
	}
	.mob-only{
		display: block;
	}
	.desk-only{
		display: none;
	}
	.dummy-img{
		padding-top: 20%!important;
	}	
	p {
		bottom: 7%;
	}
	.main-container{
		background: rgb(0,0,0);
		background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 24%, rgba(10,6,42,1) 30%, 	rgba(17,11,69,1) 34%, rgba(98,158,247,1) 40%, rgba(1,13,156,1) 60%, rgba(57,11,154,1) 70%, rgba(17,11,69,1) 95%);
		background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 24%, rgba(10,6,42,1) 30%, rgba(17,11,69,1) 34%, rgba(98,158,247,1) 40%, rgba(1,13,156,1) 60%, rgba(57,11,154,1) 70%, rgba(17,11,69,1) 95%);
		background: linear-gradient(0deg, rgba(0,0,0,1) 24%, rgba(10,6,42,1) 30%, rgba(17,11,69,1) 34%, rgba(98,158,247,1) 40%, rgba(1,13,156,1) 60%, rgba(57,11,154,1) 70%, rgba(17,11,69,1) 95%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#110b45",GradientType=1);
	}
}

@media only screen and (max-width: 480px) {
	h1{
		font-size: 40px!important;
		line-height: 42px;
	}
	h2{
		font-size: 14px;
		line-height: 18px;
	}
	.footer-left {
		padding-bottom: 20px;
	}
	.bottom {
		padding-top: 20px;
	}
	svg{
		/*height: 75%;*/
	}
	p{
		bottom: 4%;
	}
	.main-container{
		background: rgb(0,0,0);
		background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 24%, rgba(10,6,42,1) 30%, 	rgba(17,11,69,1) 34%, rgba(98,158,247,1) 40%, rgba(1,13,156,1) 60%, rgba(57,11,154,1) 70%, rgba(17,11,69,1) 95%);
		background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 24%, rgba(10,6,42,1) 30%, rgba(17,11,69,1) 34%, rgba(98,158,247,1) 40%, rgba(1,13,156,1) 60%, rgba(57,11,154,1) 70%, rgba(17,11,69,1) 95%);
		background: linear-gradient(0deg, rgba(0,0,0,1) 24%, rgba(10,6,42,1) 30%, rgba(17,11,69,1) 34%, rgba(98,158,247,1) 40%, rgba(1,13,156,1) 60%, rgba(57,11,154,1) 70%, rgba(17,11,69,1) 95%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#110b45",GradientType=1);
	}
}