@font-face {

  font-family: "BarthowheelRegular";



  src: url("./fonts/BarthowheelRegular.ttf") format("truetype"), /* Safari, Android, iOS */

    url("./fonts/BarthowheelRegular.woff") format("woff"), /* Modern Browsers */

    url("./fonts/BarthowheelRegular.woff2") format("woff2"); /* Modern Browsers */

  font-weight: normal;

  font-style: normal;

}



body {

	background-color: #1f1f1f!important;
	width:100%;

}



.topper {

	margin-top:40px;
	padding-bottom:30px;

}



.atomimage {

	margin-top: -43px;

	margin-left: 100px;

	width:480px;

}



.calltoaction {

	display: inline;

	background-color: #ab29ad!important;

}



.title {

	font-size: 6.5rem;

	line-height: 87px;

}

#details_image {
	padding:10px 20px;
}

.bartho {

	font-family: 'BarthowheelRegular';

}



.storebadges {
	margin:20px 0;
}



.subtitle {

	font-size: 2.2rem;

}



#about {

	background-color: #b23dc0;

}



#contact {

	background-image:url("img/email-pattern.png");

	background-repeat: repeat;

	padding-top: 20px;

}



.masthead {

	background: rgb(113,113,113);

	background: linear-gradient(0deg, rgba(113,113,113,1) 0%, rgba(242,150,240,1) 13%, rgba(68,247,242,1) 100%);

}



.features {

	margin:20px 0;

}



.description {

	font-size: 19px;

}



.list-group-item {

	font-weight: bold;

}



.list-group-item {

	background-color: #ffffff2e;

}



.btn-secondary {

	background-color: #ab29ad;

}



.carousel-indicators li {

	width: 10px;

	height: 10px!important;

	border-radius: 100%;

}



.citem {

	width:450px;

	height:800px;

}



@media only screen and (max-width: 1200px) {



	.citem {

		width:350px;

		height:700px;

	}	



	.title {

		font-size: 5.5rem;

		line-height: 87px;

	}

	

	.subtitle {

		font-size: 1.2rem;

	}



	.atomimage {

		margin-top:10px;

		width:349px;

	}



}



@media only screen and (max-width: 993px) {



	.citem {

		width:350px;

		height:700px;

	}	



	.title {

		font-size: 3.5rem;

		line-height: 87px;

	}

	

	.subtitle {

		font-size: 1.2rem;

	}



	.atomimage {

		width: 180px;

		margin-left: 57px;

	}



}



@media only screen and (max-width: 768px) {


	.citem {

		width:250px;

		height:400px;

	}	

	.calltoaction {

		display:none!important;

	}



	.title {

		font-size: 3.5rem;

		line-height: 68px;

	}



	#carouselControls {

		margin-left: 35px;

	}



	.atomimage {

		display:none;

	}

}

@media only screen and (max-width: 320px) {

	.storebadges {
		width:240px;
		height:85px;
	}

}