i.css

.content {
    background: black;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    height: 100vh;
    overflow-y: hidden;
    box-shadow: 0px 0vw 70vw 1vw rgb(0 0 0) inset, 0px 0vw 13vw 2vw rgb(0 0 0) inset;
}

.large-header {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 100%;
    /*z-index: 1;*/
 }
/*  
 .demo .large-header {
    background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/499416/demo-bg.jpg");
 }
  */
 .main-title {
    position: absolute;
    margin: 0;
    padding: 0;
    color: #F9F1E9;
    /*text-align: center;*/
    top: 37%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    font-weight: 500;
 }
 
 
 .demo .main-title {
    text-transform: uppercase;
    font-size:180px;
    font-weight: 520;
    letter-spacing: 0.1em;
    font-family: Georgia, 'Times New Roman', Times, serif;
 }
 
 .demo .main-title-2 {
    position: absolute;
    margin: 0;
    padding: 0;
    color: #F9F1E9;
    font-size: 45px;
    font-family: Georgia, 'Times New Roman', Times, serif;
    top: 49%;
    text-align: center;
    
 }
 @media(max-width:938px)
 {
    .demo .main-title {
        text-transform: uppercase;
        font-size:150px;
        font-weight: 520;
        letter-spacing: 0.1em;
        font-family: Georgia, 'Times New Roman', Times, serif;
     }
     .main-title
     {
         top:35%;
     }
     .demo .main-title-2
     {
         top:47%;
         font-size: 50px;
     }
 }
 @media(max-width:700px)
 {
    .demo .main-title {
        text-transform: uppercase;
        font-size:130px;
        font-weight: 520;
        letter-spacing: 0.1em;
        font-family: Georgia, 'Times New Roman', Times, serif;
     }
     .main-title
     {
         top:30%;
     }
     .demo .main-title-2
     {
         top:40%;
         font-size: 45px;
     }
 }
 @media(max-width:570px)
 {
    .demo .main-title {
        text-transform: uppercase;
        font-size:100px;
        font-weight: 520;
        letter-spacing: 0.1em;
        font-family: Georgia, 'Times New Roman', Times, serif;
     }
     .main-title
     {
         top:30%;
     }
     .demo .main-title-2
     {
         top:40%;
         font-size: 45px;
     }
 }
 @media(max-width:460px)
 {
    .demo .main-title {
        text-transform: uppercase;
        font-size:60px;
        font-weight: normal;
        letter-spacing: 0.1em;
        font-family: Georgia, 'Times New Roman', Times, serif;
     }
     .main-title
     {
         top:36%;
     }
     .demo .main-title-2
     {
         top:42%;
         font-size: 22px;
         text-align: center;
     }
 }