@font-face {
    font-family: Grand9KPixel;
    src: url('/fonts/Pixel Square 10.ttf');
}


.display-block
{
	display: block;
}

.margin-top-50
{
	margin-top: 50px;
}

.margin-top-30
{
	margin-top: 30px;
}

.margin-top-120
{
	margin-top: 120px;
}

.margin-bottom-50
{
	margin-bottom: 50px;
}


.main-body
{
	background-image: url("../../images/backgrounds/TheDevelopers_Background.svg");
	 background-position: center; 
}

.regular-text
{
	font-size: 30px;
	font-family: Grand9KPixel;
	font-weight: 700;
	text-align: center;
}

#title-container
{
	text-align: center;
}

#about-section-holder
{
	background-color: #0fed4e;
	z-index: 100;
	padding: 10px 0px 10px 0px;
  	width: 88%; 
  	margin: 0px auto 0px auto;
}


#inner-div-about-section
{
	position: relative;
	width: 104%;
	left: calc(-15% + 13%);
	background:  #0fed4e;
}


#early-registration
{
	color: #2CDA9D;
	font-size: 2.5vw;
	margin-top: 80px;
}

#to-infinity
{
	color: #00FF00;
}


#register-button
{
	background-image: url("../../images/buttons/TheDevelopers_TicketsButton.svg");
	background-repeat: no-repeat;
	background-position: center;
	border: none;
	font-size: 40px;
	width: auto;
	cursor: pointer;
	color: #1A181B;
	text-align: center;
	padding: 55px;
}


#agenda-header
{
	background-image: url("../../images/agenda/TheDevelopers_Agenda_Background.svg");
	background-repeat: no-repeat;
	background-position: center;
	font-size: 35px;
	width: auto;
	color: #1A181B;
	text-align: center;
}

.agenda-image
{
	max-height: 200px;
}


#cookie-planet
{
 	padding-top: 180px;
 	padding-left: 20px;
}

#red-planet
{
	padding-top: 300px;
}

#green-planet
{
	margin-top: 150px;
}

#grey-planet
{
	margin-top: 750px;
}

#blue-planet
{
	margin-top: 800px;
}

.agenda-time-content
{
	color: #00FF00;
	font-size: 40px;
	margin-top: 40px;
}

.agenda-text-content
{
	color:  #2CDA9D;
	font-size: 30px;
	margin-top: 0px;
}


#astronaut-holder
{
	text-align: right; 
}


#astronaut
{
	float: right;
	max-height: 175px;
	height: auto;
}


#show-on-mobile
{
	display: none;
}


#show-on-desktop
{
	 margin-top: -10px !important;
}

#spaceship-1
{
	margin-top: 320px;
}

#spaceship-2
{
	margin-top: 150px;
}

#spaceship-3
{
	margin-top: 320px;
}

#cookie-planet-mobile
{
	margin-top: 180px;
}

#spaceship1-mobile
{
	margin-top: 360px; 
	margin-right: -35px;
	margin-left: 5px;
}

#spaceship2-mobile
{
	margin-top: 150px; 
	margin-left: -35px;
	margin-right: 5px;
}

#red-planet-mobile
{
	margin-left: -40px;
	margin-top: 300px;
}

#green-planet-mobile
{
	margin-left: -40px;
	margin-top: 150px;
}


#speach-buble-robot
{
	background-image: url("../../images/register-button/Mobile_The Developers_AstronautSpeachBubble.png");
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	font-size: 17px;
	font-weight: 700;
	color:  #1A181B;
	padding-top: 15px;
	font-family: Grand9KPixel;
    src: url('/fonts/Pixel Square 10.ttf');
}



#speach-buble-planet
{
	background-image: url("../../images/planets/TheDevelopers_GreyPlanet_SpeachBubble.svg");
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	font-size: 1vw;
	font-weight: 700;
	color:  #1A181B;
	padding-top: 30px;
	padding-bottom: 90px;
	font-family: Grand9KPixel;
    src: url('/fonts/Pixel Square 10.ttf');
}

#register-row-2
{
	margin-left: 20px;
}

#tickets-button-sign
{
	float: right; 
	margin-right: 0px;
}


#see-you-space-cowboy
{
   	background-color: #1d765a;
	z-index: 100;
	padding: 12px 0px 10px 0px;
  	width: 50%; 
  	margin: 0px auto 0px auto;
}  


#inner-div-see-you-space-cowboy
{
	position: relative;
	width: 104%;
	left: calc(-15% + 13%);
	background:  #1d765a;
}
@media (min-width: 1599px) {
  
 	#inner-div-about-section
 	{
 		font-size: 30px !important;
 	}

	#see-you-space-cowboy
	{
		font-size: 30px !important;
	}
}


/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1181px) {
  
  .breakline
  {
  	display: block;
  }

  #about-section-holder {
  	width: 85%; 
  	margin: 50px auto 0px auto;
  }

  #logo
  {
  	width: 85% !important;
  }
  
	


  
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 769px){
  
	.breakline
	{
		display: block;
	}

	#about-section-holder
	{
		font-size: 23px;
		text-align: center;
	}

	#register-button
	{
		display: inline-block;
	}

	#astronaut-holder
	{
		display: inline-block;
	}

	#show-on-mobile
	{
		display: none;
	}

	#show-on-desktop
	{
		display: block;
	}

	#register-button
	{
		font-size: 40px;
		margin-left: 0px;
	}

}


/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
  
 


}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  
	
  
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {

	#register-button
	{
		font-size: 30px;
		
	}

	#inner-div-about-section
	{	
    	width: 90vw;
    	left: calc(-15vw + 14%);
	}
         

	#inner-div-see-you-space-cowboy
        {
		width: 90vw;
	    	left: calc(-15vw + 14%);
	}
  
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  
  	#about-section-holder
	{
		font-size: 13px;
		text-align: center;
	}	

	#register-button
	{
		font-size: 30px;
		width: auto;
	}

	#to-infinity
	{
		font-size: 18px;
	}
  
}

@media (max-width: 768px)
{

	.no-padding
	{
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.container
	{
		margin-right: 0px;
		margin-left: 0px;
		width: 100%;
	}
	.text-on-row-1
	{
		display: block;
	}
    
    .text-which-should-be-hidden
    {
    	display: none;
    }

    .text-on-row-2
	{
		display: block;
	}

	.text-on-row-3
	{
		display: block;
	}

	.text-on-row-4
	{
		display: block;
	}


	.agenda-time-content
	{
		font-size: 18px;
		margin-top: 20px;
	}

	.agenda-text-content
	{
		font-size: 15px;
		margin-top: 0px;
	}
	
	#astronaut-holder
	{
		float: center;
	}

	#show-on-mobile
	{
		display: block;
                margin-top: 50px;
	}

	#show-on-desktop
	{
		display: none;
	}

	#register-button
	{
		font-size: 30px;
		margin-left: 10%;
		margin-right: 10%;
	}

	#speach-buble-robot
	{
		height: 145px;
	}

	#astronaut-mobile
	{
		height: 120px;
		margin: 0px auto 0px auto;
	}

	#early-registration
	{
		font-size: 4.3vw;
		font-weight: 700;
                margin-top: 0px;
	}

	#cookie-planet-mobile
	{
		max-width: 110px;
	}

	#tickets-button-sign
	{
		float: right; 
		margin-right: -10px;
		height: 30px;
	}

        #see-you-space-cowboy
	{
		width: 90%;
                font-size: 20px;
	}

	#agenda-mobile
	{
		margin-top: 50px;
	}



}