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

body{
/*	background: #000000;  */
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	background-image: url("../images/crossPurple.png");
    background-size: cover; 
    background-position: center; 
	background-repeat: no-repeat; 
	min-height: 100vh;
  	
/*	max-width: 100%;  */
	
}
/*
.outside {
	
	height: 800px;
    width: 800px;
	background-color: cyan;
}
*/

.center-image {
    
}

.header_top {
	margin-left: 50%;
	color: darkmagenta;
	text-align: left;
	
}
.header_top h2 {
	color: darkmagenta;	
	
}

.middle {

}

img{

	
}



@media only screen and (min-width: 375px) and (max-width: 425px) {
  .background-container {
/*	margin-top: 0;
	margin-bottom: 0;
	box-sizing: border-box; */
    background-size: cover;
	background-size: contain;
	
/*	min-height: 100vh;   */
	
  }
}

/*
.outside {	
	margin-top:  0px;
	height: 600px;
    width: 426px;
	background-color: cyan;
}
*/
.header_top {
	margin-top: 5%;
	margin-bottom: 5%;
	padding-top: 5%;
}


.header_top h2{

	  }


@media only screen and (min-width: 426px) and (max-width: 901px) {
  .background-container {
    background-size: cover;

  }
}
.header_top {
	margin-top: 0;
   padding-top: 0;
	  }

@media only screen and (min-width: 902px) {
  .background-container {
    background-size: cover;
	padding-top: 0;
  }
}