.main-top-left > p {
font-size: 0.875em;
margin: 0;
}
.main-top-left > p, h1.main-top-header {
padding-right: 4.5rem;
max-width: 860px;
}
.main-top-left > p{
padding-bottom: 15px;
}
.main-top-right {
font-size: 0.875em;
margin-top: 0.5em;
}
*/
@media (min-width: 720px) {
.main-top-left {
background-image: linear-gradient(45deg, #fff 0%, #fff 60%, rgba(248, 249, 250, 0) 100%);
flex: 2;
padding: 2rem 0 2rem 0;
padding-bottom: 0;
}
.main-top {
background-color: #f8f9fa;
/*box-shadow: 0 1px 1px rgba(0, 0, 0, .15);*/
margin-bottom: 1rem;
padding: 1rem0;
}
}
.main-top-left {
background-image: linear-gradient(25deg, #fff 0%, #fff 50%, rgba(248, 249, 250, 0) 100%);
flex: 2;
padding: 2rem 0 2rem 0;
}
.main-top-right {
flex: 3;
margin-top: 0;
text-align: rightleft;
}
.main-top-right > ul {
align-items: center;
flex-direction: row-reverseinitial;
margin-top: 0;
text-align: left;