﻿#left-panel, #hero-panel {
    padding: 20px 20px;
}

@media (min-width: 760px){
    #left-panel {
        padding: 40px 60px 16px;
    }
    #hero-panel{
        padding: 0;
    }
}

#heroImage {
    display: none;
}

@media (min-width: 840px) {
    #heroImage{
        display: block;
    }
}

@media (min-width: 600px) {
    #notificationDiv {
        position: absolute;
        right: 5%;
        bottom: 1%;
        min-width: 40%;
        max-width: 40%;
    }
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
    transition: background-color 0s 600000s, color 0s 600000s;
}