/* CSS Document */

/* Table of Contents
-----------------------------------------------------------------------------
=> Desktop
=> Tablet
=> Medium devices
=> Small devices
=> iPhone X landscape
*/

/* ----- Desktop ≥1024px and ≤1190 ----- */
@media ( min-width: 1024px ) and ( max-width: 1199px ) {
	.content-item h1{
		font-size: 40px;
	}
	a.a-btn{
		font-size: 32px;
	}
}

/* ----- Tablet ≥768px and ≤1023 ----- */
@media ( min-width: 768px ) and ( max-width: 1023px ) {
	.container {
		padding-right: 20px;
		padding-left: 20px;
	}
	.content-item h1{
		font-size: 34px;
	}
	a.a-btn{
		font-size: 28px;
	}
}

/* ----- iPhone X landscape ≥375px and ≤812 ----- */
@media ( min-width: 375px ) and ( max-width: 812px ) and ( orientation: landscape ) {
	.container {
		padding-right: 20px;
		padding-left: 20px;
	}

}

/* ----- Medium devices ≤767px ----- */
@media ( max-width: 767px ) {
	.container {
		padding-right: 20px;
		padding-left: 20px;
	}
	.content-item h1{
		font-size: 32px;
	}
	a.a-btn{
		font-size: 26px;
	}
}

/* ----- Small devices ≤640px ----- */
@media ( max-width: 640px ) {
	.content-item h1{
		font-size: 28px;
	}
	a.a-btn {
		font-size: 18px;
		min-width: 100px;
		margin: 0 20px;
	}
	.header-wrapper{
		justify-content: center;
	}

}
@media ( max-width: 425px ) {
	.content-item h1{
		font-size: 26px;
	}
	a.a-btn {
		font-size: 18px;
		min-width: 100px;
		margin: 0 20px;
	}
		.header-wrapper{
		justify-content: center;
	}
}
@media ( max-width: 375px ) {
	.content-item h1{
		font-size: 22px;
	}
	a.a-btn{
		font-size: 16px;
		min-width: 100px;
		margin: 0 20px;
	}
		.header-wrapper{
		justify-content: center;
	}
}