Custom Style the AMPforWP Templates [CSS Snippet]

/* AMP for WP Flex Column Style */

.sp-lt {
display: flex;
flex-direction: column;
flex: 1 0 20%;
order: 2;
max-width: 237px;
margin-left: 50px;
}

/* AMP for WP Container Style */

.content-wrapper {
margin-top: 50px;
}

/* AMP for WP Page Title H1 */

.amp-post-title {
font-family: Segoe UI;
font-size: 36px;
font-style: normal;
font-weight: 700;
Color: #000428;
}

/* AMP for WP Page H2 Headings Style */

.cntn-wrp h2 {
font-family: Segoe UI;
font-size: 32px;
font-style: normal;
font-weight: 500;
Color: #000428;

}

/* AMP for WP Page H2 Subheadings Style */

.cntn-wrp h3 {
font-family: Segoe UI;
font-size: 28px;
font-style: normal;
font-weight: 500;
Color: #000428;
}

/* AMP for WP Page Content Styles */

.cntn-wrp p {
font-family: Segoe UI;
font-size: 18px;
font-style: normal;
font-weight: 400;
Color: #2a3348;
}

/* AMP for WP Social Icons Style */
.ss-ic li a {
border-radius: 180px;
background-color: #004E92;
padding: 10px;
}

/* AMP for WP Comment Box Style */
.form-submit #submit {
background-color: #004E92;
}

/* AMP for WP Post Tag Style */

.amp-tags .amp-tag a {
font-family: Segoe UI;
color: #fff;
background-color: #004e92;
padding: 6px;
border-radius: 3px;
line-height: 2em;
text-transform: capitalize;
font-weight: 400;
font-size: 14px;
}

/* AMP for Image Alignment Style */

@media (min-width: 1200px) {
.aligncenter {
width: 70%;
}
}

@media (min-width: 768px) {
.aligncenter {
width: 70%;
}
}