h4 {
    color: #212121;
    font-family: 'Courier New', Courier, monospace;
    font-size: 28px;
}

body, html {
    height: 100%;
  }
  
.parallax {
    /* The image used */
    background-image: url("./assets/evol.jpg");

    /* Full height */
    height: 60%;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    font-family: 'Courier New', Courier, monospace;
    font-size: 28px;
    color: white;
    padding-top:110px;
    padding-left: 110px;
    border-bottom: 10px solid #5E2D29;
}

.parallax span{
    text-decoration: underline;
}


.navbar{ 
    background-color: black; 
} 

.nav-link{
    color: white;
    font-family: 'Courier New', Courier, monospace;
}

.custom-toggler.navbar-toggler { 
    border-color: white; 
} 

.custom-toggler .navbar-toggler-icon { 
    background-image: url( 
"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); 
} 

.navbar-brand {
    font-family: 'Courier New', Courier, monospace;
    color: white;
}


.banner{
    background-color: #F4F4F4;
    width: 100%;
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 90px;
    padding-bottom:90px;
    color: black;
    text-align: left;
    font-family: 'Courier New', Courier, monospace;
}
.banner h4{
    font-size: 28px;
}
.banner span{
    text-decoration: underline;
    font-weight: bold;
}
.banner p{
    padding-top: 10px;
    font-size: 18px;
}


.left-tile{
    height: 300px;
    width: 100%;
    padding-left: 30%;
    padding-right: 20%;
    padding-top: 75px;
    text-align: left;
    vertical-align: center;
    font-family: 'Courier New', Courier, monospace;
    color: white;
}
.left-tile h3{
    font-size: 30px;
}
.left-tile span{
    text-decoration: underline;
    font-weight: bold;
}


.right-tile{
    height: 250px;
    width: 100%;
    padding-left: 20%;
    padding-right: 20%;
    padding-top: 75px;
    padding-bottom:75px;
    text-align: right;
    vertical-align: center;
    font-family: 'Courier New', Courier, monospace;
    color: white;
}
.right-tile h3{
    font-size: 30px;
}
.right-tile span{
    text-decoration: underline;
    font-weight: bold;
}

.vert-align {
    display: flex;
    justify-content: center;
    align-items: center;
}

.image-cropper {
    display: block;
    margin: auto;
    width:250px;    
    height:250px;
    color: white;

;}

.image-cropper img {
    overflow: hidden;
    border-radius: 50%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-height: 250px;
    min-width: 250px;
    object-fit: cover;
}