body {
    background:                            white;
}

html {
	font-family:                         	"Atkinson Hyperlegible",sans-serif;
}

div.row {
    display:                                flex;
    justify-content:                        center;
}

div.wrapper {
    background-color:						white;

    text-align:								left;

    margin-top:								2rem;
    margin-bottom:							2rem;

    border-radius:							2rem;
	box-shadow: 							0rem 0rem 0.5rem #cecece;

    max-width:                              900px;
    width:                                  100%;
}

@media screen and (max-width: 640px) {
    div.wrapper {
        width:                              100%;
    }
}

.logo {
    padding-top:							2rem;
    padding-right:							2rem;
    padding-bottom:							1rem;
    padding-left:							2rem;
}

.content {
    padding-top:							2rem;
    padding-right:							2rem;
    padding-bottom:							2rem;
    padding-left:							2rem;
}

.logo img {
    max-width:                              250px;
}

img.banner {
	width:									100%;
}

h1 {
    font-family:                            "Atkinson Hyperlegible",sans-serif;
    color:                                  #ff8105;
    font-weight:                            lighter;
    font-size:                              2rem;

	margin-top:								0rem;
}

p,
ul li {
	font-size:								1.25rem;

    margin-bottom:                          1rem;
}

p {
    line-height:                            1.75;
}

a {
    text-decoration:                        none;
    color:                                  #ff8105;
}

a:hover {
    text-decoration:                        underline;
}