@charset "UTF-8";

@media only screen and (max-width: 680px) 
{
    #top                    {background: url(../images/background_mobile.jpg) center bottom no-repeat #f5f7fb; min-height: 650px; margin: 0 0 40px 0;}
    .main                   {margin: 0 auto 0px auto; float: none;}
    .main img               {padding: 50px 0 0 0;}                       
    .main p                 {margin: 250px 0 0 0; padding: 10px 3%; background: rgba(255,255,255, 0.7);}
    .main h1                {background: rgba(255,255,255, 0.7); padding: 40px 3%;}
    
    .disclaimer             {float: none; margin: 40px auto 25px auto; clear: both; }
    .social                 {width: 58px; float: none; margin: 0 auto 0 auto; }
    footer                  {margin: 50px 0 0 0;}
}

@media only screen and (max-width: 390px)
{
    .topwrap                {margin: 0px 4%}
    .main p                 {padding: 10px 3%;}

    footer                  {margin: 80px 0 0 0;}
}