/* 18Apr2019 */

body {
        margin: 0;
}

html {
        scroll-behavior: smooth;
}

h1 {
	font-family:Nunito;
	font-size: 5em;
        text-align: center;
}

p {
	font-family:Nunito;
}

.fancy-link {
        text-decoration: none;
        transition: color 0.3s ease-in-out;
        color: blue;
}

.fancy-link:hover {
        text-decoration: none;
        color: red;
}

.fancy-link:active {
        text-decoration: none;
        color: purple;
}


.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.centered_img   {
        display: block;
        margin-left: auto;
        margin-right: auto;
}

.column {
        width: 50%;
        margin-left: auto;
        margin-right: auto;
}

.row {
	padding-top: 1.5em;
	padding-bottom: 1.5em;
}

.row:after {
        content: "";
        display: table;
        clear: both;
}

/* Responsive layout - makes a single column-layout instead of four columns */
@media screen and (orientation: portrait) {
        .column  {
                width: 90%;
        }
        h1 {
                font-size: 2.5em;
        }
}