body {text-align:center;margin:0px auto;font-family: 'Open Sans', Helvetica Neue,Helvetica,Arial,sans-serif; }
h1 {color:#e0001a; font-size: 18px;margin-top: 75px;}
h2 {color:#000000; font-size: 22px;font-weight: 300;}
img {margin-top: 30px;}
a {color: rgba(0,0,0,0.6); font-weight: 700;font-size: 18px;text-decoration:none; border-bottom: 1px solid #c6c6c6;}
a:hover {color: rgba(0,0,0,0.7); text-decoration:none; border-bottom: 1px solid transparent;}
ul, li {font-size: 20px; font-weight: 300;}
li {padding-bottom: 10px;}
ul {list-style: none; /* Remove default bullets */}
ul li::before {content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */color: red; /* Change the color */font-weight: bold; /* If you want it to be bold */display: inline-block; /* Needed to add space between the bullet and the text */width: 1em; /* Also needed for space (tweak if needed) */margin-left: -1em; /* Also needed for space (tweak if needed) */}
.wrapper {max-width: 750px;width: 100%;margin: 0px auto;}
.grey {background: #f7f7f7;padding: 40px 20px;font-size: 18px;font-weight: 300;margin-bottom: 20px;line-height: 30px;}
@media only screen and (min-width: 800px) {
.wrapper {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
}

@media only screen and (max-width: 677px) {
.grey {margin-bottom: 0px;}
.wrapper {width: 90%;}
}