body {
    background-color: blanchedalmond !important;
}

.carrotText {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 18vh; 
}

.carrotText h1 {
    font: 75px 'opensans-light', sans-serif;
}

@media only screen and (max-width: 500px){
    .carrotText {
        margin-top: 16vh; 
    }

    .carrotText h1 {
        font: 50px 'opensans-light', sans-serif;
    }
}

@media only screen and (max-width: 380px){
    .carrotText {
        margin-top: 15vh; 
    }

    .carrotText h1 {
        font: 40px 'opensans-light', sans-serif;
    }
}

.carrotTextOrange {
    color: #ffa225;
    word-break: keep-all;
    white-space: nowrap;
}

.carrotImage {
    height: auto;
    width: auto;
    max-width: 350px;
    width: 75%;
    position:fixed;
    bottom:0px;
    left:50%;
    -ms-transform:translate(-50%,0%);
    -moz-transform:translate(-50%,0%);
    -o-transform:translate(-50%,0%);
    -webkit-transform:translate(-50%,0%);
    transform:translate(-50%,0%);
}

@media only screen and (max-height: 780px){
    .carrotImage {
        width: 60%;
    }
}

.carrotAttributions {
    position: fixed;
    color: #555555;
    left: 10px;
    bottom: 2px;
    font: 12px 'opensans-regular', sans-serif;
    transform-origin: left;
    transform: rotate(-90deg);
}

.carrotAttributions a {
    color: #555555;
    text-decoration: none;
}

.carrotAttributions a:hover, a:active {
    color: #ffa225;
}