body {
    font: 400 15px/1.8 Lato, sans-serif;
    color: #777;
  }
 
@media only screen and (min-width: 601px) 
{
  .container 
    {
    padding: 80px 120px;
  }
}
 
@media only screen and (max-width: 600px) 
{
  .container 
    {
    padding: 80px 50px;
  }
}

/* ***************************
      HOME STORY SECTION
****************************** */
.home-page {
  background: #00133a url(../images/gigi-throne.jpg) no-repeat center top;
  background-attachment: fixed;
  background-size: cover;
}

.home-page h3 {color: #e6e0e6; margin-top: -50px;}
.home-page p {color: #e6e0e6; font-style: italic;}

.story {text-align: center;}


@media only screen and (min-width: 992px) 
{
    @supports not (-webkit-touch-callout: none) 
    {
        /* CSS for other than iOS devices */ 
        .home-page {
            background: url(../images/gigi-throne.jpg) no-repeat center top, url(../images/sakura.jpg) center;
            background-attachment: fixed;
            background-size: contain;
        }
        .story h3{font-size: 30px}
    }
    
    @supports (-webkit-touch-callout: none) 
    {
        /* CSS specific to iOS devices */ 
        .home-page {
            background: url(../images/gigi-throne.jpg) no-repeat center top, url(../images/sakura.jpg) center;
            background-attachment: scroll;
            background-size: contain;
        }
        .story h3{font-size: 30px}
    }
}

@media only screen and (max-width: 991px) 
{
    
    @supports not (-webkit-touch-callout: none) 
    {
        /* CSS for other than iOS devices */ 
        .home-page {
            background: #00133a url(../images/gigi-throne.jpg) no-repeat center top;
            background-attachment: fixed;
            background-size: cover;
        }
        .story h3{font-size: 30px; }
        .story h5{font-size: 15x; }
        .story p{font-size: 15px; }
    }
    
     @supports (-webkit-touch-callout: none) 
    {
        /* CSS specific to iOS devices */ 
        .home-page {
            background: #00133a url(../images/gigi-throne.jpg) no-repeat center top;
            background-attachment: scroll;
            background-size: cover;
        }
        .story h3{font-size: 30px; }
        .story h5{font-size: 15x; }
        .story p{font-size: 15px; }
    }
}

@media only screen and (max-width: 600px) 
{
    @supports not (-webkit-touch-callout: none) 
    {
        /* CSS for other than iOS devices */ 
        .home-page {
        background: #00133a url(../images/gigi-throne.jpg) no-repeat center top;
        background-attachment: fixed;
        background-size: cover;
        }
        .home-page h3 {color: #e6e0e6; margin-top: -75px;}
        .story h3{font-size: 28px;}
        .story h5{font-size: 15px; }
        .story p{font-size: 14px; }
        
    }
    
     @supports (-webkit-touch-callout: none) 
    {
        /* CSS specific to iOS devices */ 
        /* CSS for other than iOS devices */ 
        .home-page {
        background: #00133a url(../images/gigi-throne.jpg) no-repeat center top;
        background-attachment: scroll;
        background-size: cover;
        }
        .home-page h3 {color: #e6e0e6; margin-top: -75px;}
        .story h3{font-size: 28px;}
        .story h5{font-size: 15px; }
        .story p{font-size: 14px; }
        
    }
}


.home-page .section-title {
  padding-bottom: 20px;
}

.home-page .section-title {
  padding-top: 0;
}
.home-page .container {
  padding-top: 220px;
  padding-bottom: 300px;
}
 

/* ***************************
      HOME FOOTER
****************************** */
.newsletter {
    background-color: #aeb6bf;
    
}

.newsletter .container{
    padding-top: 10px;
    padding-bottom: 60px;
    padding-left: 10px;
    padding-right: 0px;
}

.newsletter .form-group{
    display: inline-block;
  vertical-align: middle;   
}

.newsletter input[type=email] {
   
    width: 300px;
    height: 50px;
    font-size: 20px;
    
}

.newsletter input[type=submit] {
    height: 51px;
    background-color: #f9d1fc ;
    color:#fff;
    font-size: 20px
}

.newsletter form button {
    height: 50px;
    background-color: #f9d1fc ;
    color:#fff;
    font-size: 20px
}

.newsletter form button {
    height: 50px;
    background-color: #f9d1fc ;
    color:#fff;
    font-size: 20px
}

footer {
    background-color: #2d2d30;
    color: #f5f5f5;
    padding: 32px;
  }
 
footer p{
    font-size: 20px;
    margin-bottom: -5px;
}
   
  .form-control {
    border-radius: 0;
  }