@media only screen and (max-width:992px)
{

    body
    {
        background-image:url('../img/bg.jpg');
        background-repeat:no-repeat;
        background-size:100%;
        background-attachment: fixed;
        margin-top:0px;
    }

    h1
    {
        font-size:30px;
    }
    .newLearnerForm
    {
        background-color:transparent;
    }
    .newLearnerForm ul li
    {
        list-style-type: none;
        font-style:italic;
    }
    .newLearnerForm input[type=text],
    .newLearnerForm select,
    .newLearnerForm input[type=button],
    .newLearnerForm input[type=date]
    {
        font-family: "YOF";
        cursor: url('../img/plume2.cur'), pointer;     
        font-style:italic;
        height:27px;
        font-size:20px;
        border-radius: 5px;
        margin:2px;
        width:90%;
        padding-left:15px;
        display:inline-block;
        font-weight:bold;
        background-color:transparent;
        border:0px;
    }
    .newLearnerForm textarea
    {
        font-family: "YOF";
        cursor: url('../img/plume2.cur'), pointer; 
        font-style:italic;
        font-size:22px;
        height:100px;
        width:290px;
        overflow-y: scroll;
        background-color:transparent;
        border:0px;
        resize:none;
        border-bottom:1px solid grey;
        margin:3px 0px;
    }
    .rotateLeft
    {
        transform:rotate(-15deg);
        padding-right:30px;
    }
    .rotateRight
    {
        transform:rotate(5deg); 
    }
    .newLearnerForm input[type=text]:hover,
    .newLearnerForm select:hover,
    .newLearnerForm textarea:hover,
    .newLearnerForm input[type=date]:hover
    {
        box-shadow:2px 2px 4px white;
        border:0px;
    }
    .newLearnerForm input[type=text]:focus,
    .newLearnerForm select:focus,
    .newLearnerForm textarea:focus,
    .newLearnerForm input[type=date]:focus
    {
        background:linear-gradient(to right,#FFFFFF, rgba(0,0,0,0) 90%);
    }
    .newLearnerForm input[type=button]
    {
        font-size:25px;
        margin-top:15px;
        color:white;
        line-height:35px;
        font-weight:bold;
        text-shadow:2px 2px 4px black;
    }
    .newLearnerForm input[type=button]:hover
    {
        text-shadow:1px 1px 2px black;
    }
    #errorMessage
    {
        font-family: "YOF";
        width:30%;
        height:400px;
        color:white;
        font-size:25px; 
        padding:20px;
        position:fixed;
        top:70px;
        right:50px;
        box-shadow:2px 2px 10px black;
        border:10px;
        background:linear-gradient(to bottom left, #990000, rgba(0,0,0,0.5)90%);
        overflow:auto;
    }
}