/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
 
 
/*==========  Mobile First Method  ==========*/
 
/* Custom, iPhone Retina */
@media only screen and (max-width: 768px){
    
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    
}

/*IPHONE 6 PLUS*/
@media only screen and (max-width: 414px){
    h1.page-title {
        margin-top: 40px;
    }
    .image-404 {
        width: 96px;
        height: 143px;
        margin-bottom: 60px;
    }
    .small-container {
        padding-right: 50px;
        padding-left: 50px;
        width: 100%;
        box-sizing: border-box;
    }
    .sibi-latin {
        width: 290px;
        left: 4.7%;
        top: 48.2%;
    }
    .sibi-dark {
        right: 14%;
        top: 35.7%;
        width: 109px;
    }
    .almost-there h1.page-title {
        margin-top: 40px;
    }
    .almost-there .initial-section p.second-p.almost-p {
        margin-bottom: 92px;
    }
    .duplicate-email h1.page-title {
        margin-top: 40px;
    }
    .duplicate-email .initial-section p.second-p.almost-p {
        margin-bottom: 114px;
    }
    .email-preferences-updated h1.page-title {
        margin-top: 35px;
    }
    .email-preferences-updated .initial-section p.second-p.updated-p {
        margin-bottom: 70px;
    }
    .updated {
        margin-bottom: 70px;
    }
    .email-preferences-page-container .email-preferences-form .page-item.submit-preferences-button {
        margin-top: 60px;
    }
    .logo {
        width: 140px;
        height: 73px;
    }
    .logo img {
        width: 100%;
        height: 100%;
    }
    #section-1.initial-section p.second-p {
        margin-bottom: 60px;
    }
    #section-1.initial-section p.first-p.for-mobile {
        display: block;
        font-size: 15px;
        line-height: 18px;
        margin-bottom: 50px;
    }
    #section-1.initial-section p.first-p.for-desktop {
        display: none;
    }
    .sibi-believe h1,
    .sibi-who h1 
    .sibi-do h1 {
        margin-bottom: 20px;
    }
    .sibi-who .who-container,
    .sibi-believe .believe-container,
    .sibi-do .do-container {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
        box-sizing: border-box;
        left: 0;
    }
    .sibi-believe .believe-container {
        top: 28%;
    }
    .sibi-who .who-container,
    .sibi-do .do-container {
        top: 31%;
    }
    .h1.reserve {
        margin-top: 46px;
    }
    .sibi-land-end .for-desktop {
        display: none;
    }
    .sibi-land-end .for-mobile {
        display: block;
    }
    .sibi-land-end p.third-p {
        display: block;
    }
    .sibi-land-end p {
        margin-bottom: 40px;
    }
    .reserve-spot {
        margin-bottom: 10px;
    }
    .share-container h4 {
        margin-bottom: 20px;
    }
    .copyright {
        margin-top: 15px;
    }
    .invite-friends-page .initial-section p.first-p {
        margin-top: 0;
        margin-bottom: 40px;
    }
    .thanks-social-container.invite-social {
        margin-bottom: 50px;
    }
    .invite-friends-page #section-1.initial-section p.second-p {
        margin-bottom: 50px;
    }
    .invites-sent .initial-section p.first-p {
        margin-top: 0;
        margin-bottom: 40px;
    }
    .invites-sent #section-1.initial-section p.second-p {
        margin-bottom: 50px;
    }
    .email-sent .initial-section p.first-p.sent-p {
        margin-bottom: 148px;
    }
    .thank-you-verified .initial-section p.first-p {
        margin-bottom: 30px;
    }
    .thank-you-verified #section-1.initial-section p.second-p {
        margin-bottom: 40px;
    }
    .thank-you-verified .thanks-social-container {
        margin-bottom: 40px;
    }
    .menu-layer .menu-list {
        left: -200px;
    }
    .menu-layer .menu-list .menu-item {
        text-align: center;
    }
    body.invites-sent .small-container, body.invite-friends-page .small-container, body.thank-you-verified .small-container {
        padding-left: 20px;
        padding-right: 20px;
        width: 100%;
    }
}

/*IPHONE 6*/
@media only screen and (max-width: 375px) {
    
    .initial-section {
        background-image: url('../images/dark-mobile.png');
        
    }
    
    h1.page-title {
        margin-top: 30px;
    }
    .image-404 {
        width: 96px;
        height: 143px;
    }
    .initial-section p.second-p {
        margin-bottom: 30px;
    }
    .initial-section p.second-p.really-second {
        margin-bottom: 35px;
    }
    .small-container {
        padding-right: 30px;
        padding-left: 30px;
        width: 100%;
        box-sizing: border-box;
    }
    .almost-there .initial-section p.second-p.almost-p {
        margin-bottom: 43px;
    }
    .duplicate-email .initial-section p.second-p.almost-p {
        margin-bottom: 65px;
    }
    .email-preferences-updated h1.page-title {
        margin-top: 35px;
    }
    .email-preferences-updated .initial-section p.second-p.updated-p {
        margin-bottom: 50px;
    }
    .email-preferences-submit h1.page-title {
        margin-top: 40px;
    }
    .updated {
        margin-bottom: 50px;
    }
    .email-preferences-submit .smaller {
        font-style: italic;
    }
    .email-preferences-page-container .email-preferences-form .page-item {
        margin-top: 45px;
    }
    .email-preferences-page-container .email-preferences-form .page-item.submit-preferences-button {
        margin-top: 40px;
    }
    .logo {
        width: 140px;
        height: 73px;
    }
    .logo img {
        width: 100%;
        height: 100%;
    }
    #section-1.initial-section p.second-p {
        margin-bottom: 30px;
    }
    #section-1.initial-section p.first-p.for-mobile {
        display: block;
        font-size: 15px;
        line-height: 18px;
    }
    #section-1.initial-section p.first-p.for-desktop {
        display: none;
    }
    .sibi-believe h1,
    .sibi-who h1 
    .sibi-do h1 {
        margin-bottom: 20px;
    }
    .sibi-who .who-container,
    .sibi-believe .believe-container,
    .sibi-do .do-container {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
        box-sizing: border-box;
        left: 0;
    }
    .sibi-phonetic {
        width: 251px;
        height: auto;
        left: 4.7%;
        top: 21%;
    }
    .sibi-believe .believe-container {
        top: 20%;
    }
    .sibi-who .who-container,
    .sibi-do .do-container {
        top: 31%;
    }
    .h1.reserve {
        margin-top: 46px;
    }
    .sibi-land-end .for-desktop {
        display: none;
    }
    .sibi-land-end .for-mobile {
        display: block;
    }
    .sibi-land-end p.third-p {
        display: block;
    }
    .sibi-land-end p {
        margin-bottom: 30px;
    }
    .reserve-spot {
        margin-bottom: 20px;
    }
    .share-container h4 {
        margin-bottom: 13px;
        margin-top: 16px;
    }
    .copyright {
        margin-top: 20px;
    }
    .invite-friends-page .initial-section p.first-p {
        margin-top: 0;
        margin-bottom: 30px;
    }
    .invite-friends-page #section-1.initial-section p.second-p {
        margin-bottom: 40px;
    }
    .thanks-social-container.invite-social {
        margin-bottom: 40px;
    }
    .invites-sent .initial-section p.first-p {
        margin-top: 0;
        margin-bottom: 40px;
    }
    .email-sent .initial-section p.first-p.sent-p {
        margin-bottom: 119px;
    }
    .thank-you-verified .initial-section p.first-p {
        margin-bottom: 20px;
    }
    .thank-you-verified #section-1.initial-section p.second-p {
        margin-bottom: 30px;
    }
    .thank-you-verified .thanks-social-container {
        margin-bottom: 30px;
    }
    .menu-layer .menu-list {
        left: -200px;
    }
    .menu-layer .menu-list .menu-item {
        text-align: center;
    }
    .image-404 {
        margin-bottom: 30px;
        margin-top: 15px;
    }
    body.invites-sent .small-container, body.invite-friends-page .small-container, body.thank-you-verified .small-container {
        padding-left: 20px;
        padding-right: 20px;
        width: 100%;
    }
}

/*IPHONE SE, IPHONE 5*/
@media only screen and (max-width: 320px) {
    
    .menu-layer .menu-list {
        left: -200px;
    }
    .menu-layer .menu-list .menu-item {
        text-align: center;
    }
    h1.page-title {
        margin-top: 20px;
        font-size: 36px;
        line-height: 45px;
    }
    .image-404 {
        width: 96px;
        height: 143px;
        margin-bottom: 20px;
    }
    .small-container {
        padding-left: 15px;
        padding-right: 15px;
    }
    .initial-section p.first-p {
        font-size: 15px;
    }
    .initial-section p.second-p {
        font-size: 15px;
        line-height: 18px;
    }
    #section-1.initial-section p.second-p {
        margin-bottom: 20px;
    }
    .almost-there #section-1.initial-section p.second-p {
        margin-bottom: 44px;
    }
    .almost-there .initial-section p.first-p {
        margin-bottom: 20px;
        margin-top: 0;
    }
    .p-with-link,
    .p-with-link a {
        font-size: 15px;
    }
    .almost-there h1.page-title {
        margin-top: 30px;
    }
    .almost-there .initial-section p.first-p.almost-p {
        margin-bottom: 30px;
    }
    .duplicate-email h1.page-title {
        margin-top: 30px;
    }
    .duplicate-email .initial-section p.first-p {
        margin-bottom: 20px;
    }
    .initial-section p.first-p.almost-p {
        margin-bottom: 30px;
    }
    .duplicate-email #section-1.initial-section p.second-p {
        margin-bottom: 62px;
    }
    .email-preferences-updated h1.page-title {
        margin-top: 20px;
    }
    .updated {
        margin-bottom: 30px;
    }
    .email-preferences-updated #section-1.initial-section p.second-p {
        margin-bottom: 30px;
    }
    .email-preferences-updated .initial-section p.second-p {
        font-size: 18px;
        line-height: 22px;
    }
    .email-preferences-submit h1.page-title {
        margin-top: 20px;
    }
    .email-preferences-page-container .email-preferences-form .page-item,
    .email-preferences-page-container .email-preferences-form .page-item.submit-preferences-button {
        margin-top: 30px;
    }
    .logo {
        width: 140px;
        height: 73px;
        margin-top: 30px;
    }
    .logo img {
        width: 100%;
        height: 100%;
    }
    .menu-icon-container {
        top: 15px;
    }
    #section-1.initial-section p.first-p.for-mobile {
        margin-bottom: 20px;
    }
    .index-body .text-input {
        width: 100%;
        box-sizing: border-box;
    }
    .index-body .referral-code-holder:after {
        left: 210px;
    }
    .sibi-who .who-container,
    .sibi-believe .believe-container,
    .sibi-do .do-container {
        padding-left: 15px;
        padding-right: 15px;
    }
    .sibi-who .who-container,
    .sibi-do .do-container {
        top: 31%;
    }
    .sibi-believe .believe-container {
        top: 10%;
    }
    .sibi-who h1,
    .sibi-believe h1,
    .sibi-do h1 {
        font-size: 32px;
        line-height: 1.19;
    }
    .section-6-bottom {
        width: 290px;
        left: calc(50% - 145px);
    }
    .sibi-who p,
    .sibi-believe p,
    .sibi-do p {
        font-size: 15px;
        line-height: 1.6;
    }
    h1.reserve {
        margin-top: 4px;
        font-size: 32px;
        line-height: 1.19;
    }
    .sibi-land-end p {
        margin-bottom: 15px;
        font-size: 15px;
        line-height: 1.2;
    }
    .share-container h4 {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .reserve-spot {
        margin-bottom: 0;
    }
    .copyright {
        margin-top: 15px;
    }
    .invite-friends-page .initial-section p.first-p {
        margin-bottom: 30px;
    }
    .invite-friends-page #section-1.initial-section p.second-p.invites-p {
        margin-bottom: 40px;
    }
    .invite-friends-page #section-1.initial-section p.second-p {
        margin-bottom: 30px;
    }
    .invites-sent .initial-section p.first-p {
        margin-bottom: 30px;   
    }
    .invites-sent #section-1.initial-section p.second-p.invites-p {
        margin-bottom: 40px;
    }
    .invites-sent #section-1.initial-section p.second-p {
        margin-bottom: 30px;
    }
    .email-sent h1.page-title {
        margin-top: 25px;
    }
    .email-sent .initial-section p.first-p.sent-p {
        margin-bottom: 98px;
    }
    .email-sent .initial-section p.first-p {
        margin-bottom: 20px;
    }
    .submitted-page h1.page-title {
        margin-top: 25px;
    }
    .submitted-page .text-input {
        width: 100%;
        box-sizing: border-box;
    }
    .submitted-page .referral-code-holder:after {
        left: 210px;
    }
    .thank-you-verified #section-1.initial-section p.second-p {
        margin-bottom: 20px;
    }
    .thank-you-verified .thanks-social-container {
        margin-bottom: 20px;
    }
    
}

/*==========  Non-Mobile First Method  ==========*/
 
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {
    
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 479px) {
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 360px) {
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 319px) {
}