body {
	margin: 0;
	padding: 0;
	background-image: url('images/Brad_background2x.png') ;
	background-position: center center;
	background-repeat:  no-repeat;
	background-attachment: fixed;
	background-size:  cover;
	font-family: 'Poppins', sans-serif;
 }

 h1{
	font-size: clamp(20px, 5vw, 50px);
	color: #4B2B89;
 }

 h3{
	color: #4B2B89;
 }

 img{
	width: clamp(15vw, 800%, 100%);
 }

 /* class */

 .primary{
	 background-color: #8C50FF;
 }

 .details{
	width:100%;
	position: 'relative';
	padding-bottom:220px
 }

 .description{
	color:#525252;
	margin-bottom: 50px;
 }
 
 .container{
	margin: 50px auto;
	width: 80%;
	min-height: calc(-125px + 100vh);
 }
 
 .bold{
	font-family: 'Poppins', sans-serif;
	font-weight: bold;
 }

 .home_wrapper{
	width: auto;
	height: auto;
	display: flex;
	-moz-box-align: center;
	align-items: center;
	-moz-box-pack: justify;
	justify-content: space-between;
 }

 .image_isometric{
	width:100%;
	height: auto;
 }

 #logo{
	 width:200px
 }

 @media only screen and (max-width: 768px) {
	.home_wrapper {
	  -moz-box-pack: justify;
	  justify-content: space-between;
	  flex-direction: column;
	  height: -moz-fit-content;
	}
	.details{
		margin-top: 0;
		width:auto;
		padding-bottom:100px
	}
  }