css EFlex 201805301755的简单CSS

Posted 2021-05-13

/*
 * Main Nav
 */

/* hover fx */
#primary-menu a {
    border: 2px solid transparent;
  border-radius: 500px;
  -o-transition:.6s;
  -ms-transition:.6s;
  -moz-transition:.6s;
  -webkit-transition: .6s;
  transition:.6s;
}

#primary-menu a:hover {
    border: 2px solid #67C6C0;
}


/*
 * CTA
 */
.section-cta {
    background-size: cover;
  background-position: center;
}
.section-cta p {
  font-size: 1.55rem;
}


/*
 * FOOTER
 */

footer a {
    text-decoration: none;
    color: #fff;
}
footer a:hover {
    text-decoration: none;
    color: #63D3C9;
}

/*
 * SECTION :: APP :: EFLEX
 */
.gx-form {
	max-width: 80%;
}
.icon-app-container {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	margin: 20px 0 30px;
}
.icon-app-eflex {
	width: 40%;
}
.section-app-eflex p {
	color: #a7212a;
	font-weight: 700;
	text-align: center;
}
.section-app-eflex p:first-of-type {
	font-size: 1.5rem;
	line-height: 1.4;
}
.section-app-eflex p:nth-child(2) {
	font-size: 1.1rem;
}
.store-badges div[class*="col"] {
	display: flex;
	justify-content: center;
	padding: 0 0 20px;
}
.store-badges div[class*="col"] a {
	display: flex;
	justify-content: center;
	width: 100%;
}
.badge-appstore {
	width: 60%;
}
.badge-googleplay {
	width: 60%;
}

@media (min-width: 768px) {
	.icon-app-container {
		justify-content: flex-start;
		align-items: center;
		margin: 0;
	}
	.icon-app-eflex {
		width: 100%;
	}
	.section-app-eflex p {
		color: #a7212a;
		font-weight: 700;
		text-align: center;
	}
	.section-app-eflex p:first-of-type {
		font-size: 1.5rem;
		line-height: 1.4;
	}
	.section-app-eflex p:nth-child(2) {
		font-size: 1.1rem;
	}
	.store-badges div[class*="col"] {
		display: flex;
		justify-content: center;
		padding: 0 0 20px;
	}
	.store-badges div[class*="col"] a {
		display: flex;
		justify-content: center;
		width: 100%;
	}
	.badge-appstore {
		width: 73%;
	}
	.badge-googleplay {
		width: 80%;
	}
}