body 
{
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
   
}
.header
{
    height: 110px;
    width: 80%;
    background-color: #0099CC;
    -webkit-box-shadow: 2px 4px 4px silver;
    background-image: url('Images/Title.png');
    background-repeat: no-repeat;
}
.Button:hover
 {
 background-color:Maroon;
 color:White;
 }
 .content
{
    
    height: 820px;
    width: 80%;
    background-color: #F0F0F0;
    -webkit-box-shadow: 2px 8px 8px black;
}
        
.footer
{
    height: 40px;
    width: 80%;
    background-color: #0099CC;
    -webkit-box-shadow: 2px 8px 8px black;
}
                      
 .Text
  {
   font-size:14px;
   width:193px;  
  font-family:Calibri;
  }
     
  .LoginBox
    {
    width:273px;
    height:30px;
    font-size:14px;
    padding:5px 5px 5px 5px;
    }
   .LoginButton
   {
    width:287px;
    height:35px;
    font-size:18px;
    color:Gray;
    padding:5px 5px 5px 5px;
    }
                     
  .LoginButton:hover
    {
    -webkit-box-shadow:2px 2px 1px Silver ;
    }
   .Link:hover
    {
    color:Red;
    }
    .UserImage
     {
    -webkit-border-radius:12em;
    -webkit-box-shadow:2px 2px 1px;
     }
    .User:hover
    {
    -webkit-box-shadow:5px 5px 8px #0099CC;
     background-color:#f6f6f6;
     }
    .Registered:hover
     {
     -webkit-box-shadow:5px 5px 3px #0099CC;
     font-weight:bold;
    }
   .ProfileImage
   {
   -webkit-box-shadow:0px 0px 5px;
                                        }
/*Responsive Media Queries*/
@media all and (max-width: 1150px) {
    #top-content .wrapper {
        max-width: 87%;
        width: 87%;
    }
}
@media all and (max-width: 1100px) {
    #top-content .wrapper {
        max-width: 92%;
        width: 92%;
    }
}
@media all and (max-width: 1000px) {
    .wrapper {
        max-width: 77%;
    }
    #top-content .wrapper {
        margin: 0 auto;
        max-width: 90%;
        width: 90%;
    }
    #top-content img {
        position: relative;
    }
    #top-content .left {
        margin: 0 auto;
        margin-top: 30px;
        width: 50%;
    }
    #top-content .right {
        float: none;
        margin: 0 auto;
        max-width: 83%;
        width: auto;
    }
}
@media all and (max-width: 750px) {
    header img {
        margin: 0 auto;
    }
    .wrapper {
        max-width: 90%;
    }
    #top-content .left {
        width: 80%;
    }
    #testimonials a {
        width: 80%;
    }
    #testimonials p, #testimonials .label p {
        font-size: 16px;
        line-height: 22px;
    }
    #testimonials .label {
        margin-right: 10px;
    }
    #testimonials .label h3 {
        font-size: 20px;
        line-height: 24px;
    }
}
@media all and (max-width: 550px) {
    a {
        font-size: 18px;
        line-height: 28px;
    }
    header img {
        width: 200px;
    }
    #top-content .left, #top-content .right {
        max-width: 100%;
    }
    #top-content img {
        width: 250px;
    }
    #testimonials .story {
        padding: 25px 20px;
    }
    #testimonials .quote {
        font-size: 120px;
        line-height: 100px;
        padding-right: 10px;
    }
    #testimonials .label {
        margin: 8px 0px 0px;
        max-width: 80%;
    }
    #testimonials .testimonial img {
        margin-top: 10px;
    }
    #testimonials .bottom, #testimonials .label p, #testimonials .bottom-left {
        text-align: center;
    }
    #testimonials .bottom, #testimonials .bottom-left {
        margin-bottom: 50px;
    }
    #testimonials a {
        margin-top: 60px;
    }
    .arrow-down {
        float: none;
        margin: 0 auto;
    }
    footer {
        padding: 20px 0px;
    }
    footer a {
        font-size: 14px;
        line-height: 16px;
    }
}
@media all and (max-width: 400px) {
    #top-content img {
        width: 200px;
    }
    #top-content .privacy {
        font-size: 9px;
        line-height: 11px;
    }
    #testimonials .quote {
        display: none;
    }
}