body {
    background: linear-gradient(37deg, rgba(34,193,195,1) 0%, rgba(253,187,45,1) 100%);
    background-attachment: fixed;
    font-family: 'Roboto', sans-serif;
    
    }
    
    #container
     {
        background-color: white;
        padding: 20px 15px 20px 15px;
        width:80%;
        margin:0px auto 0px auto;
        border:10px solid black;
        box-shadow: 0px 10px 20px rgba(0,0,0,0.20);
    }
    
    #heroimage {
        background-image:url("laughingmonkey.jpg");
        height:300px;
        background-repeat: no-repeat;
        background-size:cover;
        background-position:49% 50%;
    }
    
    
    
    .red {
        color: red;
    }
    
    
    .size50 {
        width: 50%;
        padding-left:20px;
    }
    
    .right {
        float:right;
    }