body {
    background-color:#ccc;
    font-family: helvetica, sans-serif;
    font-size:19px;
    line-height:30px;
    position:relative;
    text-align:left;
}

div.wrapper {
        border:solid 0.1em #ccc;
        border-radius:1em;
        box-shadow:0 0 1.3em 0.3em #ccc;
        background-color:#FFF;
        margin:2em auto 2em auto;
        overflow:hidden;
        width:850px;
        position:relative;
        text-align:left
}
    
div.container {
        
        padding: 75px;
}

        h1 {
font-size: 40px ;
line-height: 55px ;
text-align:center;
color: #91041f;
}
    
h2 {
font-size: 34px ;
line-height: 48px ;
text-align:center;
color: #91041f;
} 
        

h3 {
    font-family: Helvetica, sans-serif;
    font-size: 34px ;
    line-height: 48px ;
    text-align:center;
    color: #91041f;
}

.footer {
    font-family: Helvetica, sans-serif;
    font-size:12px;
    line-height:22px; 
    text-align:left;
}

@media only screen and (max-width: 1300px) {
div.wrapper {
    width: 660px;
} 
    
body  {
    font-size: 16px;
    line-height: 26px;
    
   }
img  {
  width: 60%;
    }   
 

div.container {
    padding: 35px;
}
}   
        
@media only screen and (max-width: 660px) {
div.wrapper {
    width: 100%;
    max-width: 570px;
} 
    
h1 {
font-size: 30px ;
line-height: 42px ;
}
    
h2 {
    font-size:24px;
    line-height:34px; 
}

img  {
  width: 80%;
    }   

div.container {
  padding: 20px;
}
}