html, body {
    color: #636b6f;
    font-family: 'Nunito', sans-serif;
    font-weight: 200;
    font-size: 14px;
    height: 100vh;
    margin: 0;
}

.header {
    height: 100px;
    float: right;
}

.links  a:link, a:visited, a:hover, a:active {
    color: rgb(255, 64, 129);
    text-decoration: none;
    /* Traditional Garamond-based serif stack */
    font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style",
    "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook",
    "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
}




#main-title {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: .1rem;
    text-decoration: none;
    text-transform: uppercase;
    color: rgb(255, 64, 129);
    /* Traditional Garamond-based serif stack */
    font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style",
    "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook",
    "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
}

.about-section {
    float: left;
    margin-bottom: 10px;
}

.left-side {
    float: left;
    width: 50%;
    margin: 0px;
    padding: 0px;
}

.right-side {
    float: left;
    width: 50%;
}

.flower-picture {
    height: 100%;
    max-height: 200px;
    margin-left:190px;
}

.picture-window {
    float: left;
}

.top-of-card {
    float: left;
}

.card {
    border: 0;
}

pre {
    font-size: 14px;
    color: #636b6f;
    font-family: 'Nunito', sans-serif;
    font-weight: 200;
    margin: 0;

    overflow-x: auto;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

.dian-picture {
    width: 55%;
    margin-left: 27%;
}

.bold {
    font-weight: bold;
}


.card-header {
    color: rgb(255, 64, 129);

    /* Traditional Garamond-based serif stack */
    font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style",
    "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook",
    "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
}

/*Grid*/
* {
    box-sizing:border-box;
}
.row:after {
    content: "";
    clear: both;
    display: block;
}
[class*="col-"] {
    float: left;
    padding: 0px;
}
.col-25 {
    width: 25%;
}
.col-50 {
    width: 50%;
}
.col-75 {
    width: 75%;
}
.col-100 {
    width: 100%;
}

/*Parallax Design*/
.paraMain {
    background-attachment: fixed;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 500px; /*full screen*/

    background-image: url("http://jing-jing.nl/img/flowers-cut.png");
}
.paraSec {
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: contain;
    height: 500px;

    background-image: url("http://jing-jing.nl/img/flowers-cut.png");
}
.paraInnerMain {
    min-height:100%;
    padding-top: 20%;
    padding-bottom: 20%;
}

.footerMain {
    padding-top: 20%;
    padding-bottom: 20%;
}
.paraInner {
    padding-top: 10%;
    padding-bottom: 10%;
}

.header {
    height: 50px;
    font-size: 250%;
    text-align: center;
}

/*Mobile*/
@media only screen and (max-width: 768px) {  /*If a screen is 768px or less, than these conditions will run*/
    [class*="col-"] {
        width: 100%;
    }
    .paraMain, .paraSec {
        background-attachment: local;
    }
    .paraInner {
        padding-top: 40%;
        padding-bottom: 20%;
    }
}

.header-title {
    color: rgb(255, 64, 129);
    font-family: "Palatino Linotype", Palatino, Palladio,
    "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style",
    "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond",
    "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook",
    "Century Schoolbook L", Georgia, serif;
}

.main-text-center {
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
}