@font-face 
        {
            font-family: "Dread Ringer";
            src: url("../fonts/dreadringer.ttf");
        }
        
        body
        {
            -webkit-transition: all 0.5s ease; 
        }
        
        body
        {
            overflow: hidden;
        }
        .bg_container
        {   
            background-image: url('../images/Background2.png');
            background-attachment: fixed;
            min-height: 900px;
            height: auto;
            background-repeat: no-repeat;
            background-size: cover;
        }
            
        .release_date
        {
            margin: 3% auto;
            height: 60px;
            width: auto;
            position: relative;
        }
        .title
        {
           margin-left: 58%;
            position: relative;
        }    
        
        ul#example {
          list-style: none;
          /*    margin:-10px -89px;*/
          padding: 0;
          display: block;
          text-align: center;
            float:right; 
            color: #EFF2DB;
            font-family:"Dread Ringer";
            font-size: 340%;
             letter-spacing: 1px;
            
        }

        ul#example li { display: inline-block; }

        ul#example li span {
          font-size: 60px;
          font-weight: 300;
          line-height: 80px;
        }

        ul#example li.seperator {
          font-size: 60px;
          line-height: 70px;
          vertical-align: top;
        }

        ul#example li p {
          color: #a7abb1;
          font-size: 20px;
        }
        
        .content
        {
            position: relative;
            color: #6BAAA6;
            font-size: 120%;
            margin-left: 26%;
        }
        
        .form-container
        {
            position: relative;
            margin-top: 2%;
        }
        
        #name,#email
        {
            background-color: #000A07;
            
        }
        
        ::-webkit-input-placeholder {
           color: #2E534C !important;
            font-size: 120%;
        }

        :-moz-placeholder { /* Firefox 18- */
           color: #2E534C !important;  
            font-size: 120%;
        }

        ::-moz-placeholder {  /* Firefox 19+ */
           color: #2E534C !important;  
            font-size: 120%;
        }

        :-ms-input-placeholder {  
           color: #2E534C !important;  
            font-size: 120%;
        }
        
        .form-control
        {
            height: 50px;
            border-bottom: 2px solid #07675D !important;
            border-top: none;
            border-left: 2px solid #065149;
            border-right: none;
            border-radius: 9px;
        }
        
        .form-control:focus
        {
            border-color: #2D9893;
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(31, 153, 151);
        }
        
        .btn_submit
        {
            background-color: #00bd9c !important;
            padding: 10px 50px;
            font-size: 110%;
            margin-left: 33.33%;
            /*float: right;*/
            background-image: none;
            color: white;
            border: 2px solid #277874;
            text-shadow: 0 0 0 0;
            font-size: 120%;
            border-radius: 9px;
            opacity: 0.8;
             -webkit-transition: opacity 0.4s ease;
             transition: opacity 0.4s ease;
        }
        
        .btn_submit:hover
        {
            color: white;
            font-size: 120%;
            border-radius: 10px;
            border: 2px solid #277874;
            opacity: 1;
            -webkit-transition: opacity 0.4s ease;
           
        }
        
        .tag_img
        {
            width: 600px;
            height: auto;
            position: relative;
            margin-left: 200px;
            top: -20px;
        }
        
        .play_store_img
        {
            width: 200px;
            height: auto;
            position: relative;
            top: 15px;
        }
        
        .bottom_imgs img
        {
            margin-top: 20px;
        }
        
        .social_icons
        {
            margin-top: -4%;
            float: left;
            margin-left:10px;
            z-index: 100;
        }
        
        .social_icons li
        {
            color: white;
            display: inline;
            padding: 12px;
            font-size: 200%;
            opacity: 1;    
            -webkit-transition: 0.2s opacity ease;    
            transition: 0.2s opacity ease;
            z-index: 100;
        }
        
        /*.social_icons li:hover
        {
            opacity: 1;
            cursor: pointer;
        }*/
        
        .ion-social-facebook:hover{color: #4460a0;-webkit-transition: 0.2s color ease;transition: 0.2s color ease;z-index: 100;}
        
        .ion-social-twitter:hover{color: #00aaec;-webkit-transition: 0.2s color ease;transition: 0.2s color ease;z-index: 100;}
        
        .ion-social-googleplus:hover{color: #f93f2d;-webkit-transition: 0.2s color ease;transition: 0.2s color ease;z-index: 100;}
        
        .ion-social-pinterest:hover{color: #cc2127;-webkit-transition: 0.2s color ease;transition: 0.2s color ease;z-index: 100;}
            
        .ion-social-youtube:hover{color: #ce1213;-webkit-transition: 0.2s color ease;transition: 0.2s color ease;z-index: 100;}
        
        .ion-social-linkedin:hover{color: #007ebb;-webkit-transition: 0.2s color ease;transition: 0.2s color ease;z-index: 100;}
        
        .follow_us
        {
            color: white;
            display: inline;
            padding: 12px;
            font-size: 150%; 
            -webkit-transition: 0.2s opacity ease; 
            transition: 0.2s opacity ease;
        }
        
        .main_container
        {
            margin-left: 45%;
            position: relative;
        }
        
        @media only screen and (min-width : 1080px)
        {
            body
            {
                overflow-y:auto;
                overflow-x: hidden;
            } 
            
            .bottom_imgs img
            {
                margin-top: 20%;
            }
        }
        
        
        @media only screen and (max-width : 1280px)
        {
            body
            {
                overflow-y:auto;
                overflow-x: hidden;
            }
            
            .release_date
            {
                margin-left: -10%;    
            }
            
            .title
            {
                position: relative;
                width: 43%;
            }
            
            ul#example
            {
                float: right;
                margin: 3%;
            }
            
            .content
            {
                position: relative;
                color: #FFF;
                font-size: 120%;
                margin-left: 10%;
                margin-right: 9%;
            }
            
            
            
            .form-container
            {
                margin-left: -10% !important;
                margin-top: 12%;
            }
            
            .tag_img
            {
                margin-left: 10% !important;
                margin-top: -1% !important;
            }
            
            .bottom_imgs img
            {
                margin-top: 38%;
            }
            
            .social_icons
            {
                margin-top: -7% !important;
            }
        }
        
        @media only screen and (max-width : 992px)
        {
             body
            {
                overflow-y:auto;
                overflow-x: hidden;
            }
            
            ul#example
            {
                font-size: 100%;
            }
            
            .bottom_imgs img
            {
                margin-top: 38% !important;
                width: 120%;
            }
            
            .tag_img
            {
                margin: 0% !important;
            }
            
            .social_icons
            {
                margin-top: -11%;
                float: left;
                margin-left: 10px;
                font-size: 100%;
                z-index: 100;
            }
            
            .bottom_imgs img
            {
                margin-top: 95% !important;
            }
            .tag_img
            {
                margin-top: -20% !important;
            }
            .social_icons
            {
                font-size: 70%;
            }
            
            .form-container
            {
                margin-left: 3% !important;
                width: 110%;
            }
        }
        
        
        @media only screen and (max-width : 768px)
        {
            body
            {
                overflow-y:auto;
                overflow-x: hidden;
            }
            
            .title
            {
               margin-left: 0% !important;
            }
            
            .form-control
            {
                width: 90%;
            }
            .btn_submit
            {
                margin-left: 26.33%;
            }
            
            /*.social_icons
            {
                margin-top: -10% !important;
                z-index: 100;
                margin-left: 0;
            }*/
            
            .social_icons
            {
                margin-top: -12% !important;
                z-index: 100;
                margin-left: -1% !important;
                font-size: 80% !important;
            }
            
            .content
            {
                margin-left: 4%;
                max-width: 100% !important;    
            }
            
            .main_container 
            {
                margin-left: 45%;
                position: relative;
                margin-top: 10% !important;
            }
            
            .bottom_imgs
            {
                margin-top: -50% !important;
            }
            
        }

        @media only screen and (max-width : 736px)
        {
            .bottom_imgs
            {
                margin-top: -40% !important;
            }
        }
        @media only screen and (max-width : 1024px)
        {
            .title
            {
                margin-left: 51% !important;    
            }
            
            .main_container
            {
                margin-left: 39%;
            }
            body
            {
                overflow-y:auto;
                overflow-x: hidden;
            }
            
             .content
            {
                
                margin-left: 24%;
            }   
            
            .tag_img
            {
                margin-left: -20%;
            }
            
            
            
        }
        
        @media only screen and (max-width : 480px)
        {
            body
            {
                overflow-y:auto;
                overflow-x: hidden;
            }
            
            .release_date
            {
                margin: 10% auto;
            }
            .title
            {
                margin-left: 30%;
                width: 68% !important;
            }
            
            ul#example
            {
                font-size: 100%;
            }
            .content
            {
                position: relative;
                color: #FFF;
                font-size: 120%;
                margin-left: 10%;
                margin: 0 auto !important;
            }
            .form-container
            {
                margin-left: -27% !important;
                width: 140% !important;
            }
            
            .tag_img
            {
                top: -8% !important;
                left: -80%;
                width: 170% !important;
            }
            
            .follow_us
            {
                display: none;
            }
            
            .social_icons
            {
                position: relative;
                float: none !important;
                margin-top: 0% !important;
                margin-left: 15% !important;
                z-index: 100;
            }
            
            
            .ion-chevron-left
            {
                font-size: 400%;
                color: white;
                text-decoration: none;
                position: absolute;
            }
            
            .back_link img
            {
                position: absolute;
                margin: 35% 47%;
                width: 24%;
            }
            
            
        }
        .prev_icon
        {
            margin: 3% 3%;
            height: 40px;
            width: auto;
            position: absolute;
            opacity: 0.7;
            -webkit-transition: opacity 0.4s ease;
            transition: opacity 0.4s ease;
            z-index: 100;
        }
        
        .prev_icon:hover
        {
            opacity: 1;
        }
        
        @media only screen and (max-width : 1440px)
        {
            body
            {
                overflow-y:auto;
                overflow-x: hidden;
            }
            
            .title
            {
                margin-left: 56%;
                position: relative;
                width: 51%;
            }
            
            .form-container 
            {
                margin-left: -6%;
            }
            
            .bottom_imgs
            {
                margin-top: 50%;
            }
            .social_icons
            {
                font-size: 90%;
                z-index: 100;
            }
            
            .tag_img
            {
                width: 530px;
                height: auto;
                position: relative;
                margin-left: -105px;
                top: -10px;
            }
            
            
        }
        
        
         
        @media only screen and (max-width : 1366px) and (max-height:768px)
        {
            body
            {
                overflow-y:auto;
                overflow-x: hidden;
            }
            
            .bg_container
            {
                min-height: 768px;   
            }
            
            .release_date 
            {
                margin: 2% auto;
                height: 49px;
                width: auto;
                position: relative;
            }
            
            .title
            {
                margin-left: 64%;
                position: relative;
                width: 40%;
            }
            
            .content
            {
                font-size: 110%;
                margin-left: 26%;
                margin-right: 10%;
            }
            
            .bottom_imgs img
            {
                margin-top: 15%;
            }
            
            .tag_img
            {
                margin-left: 20%;    
            }
        }

         @media only screen and (max-width : 667px)
         {
             .bottom_imgs img
            {
                margin-top: 0%;
            }
            
            .social_icons
            {
                margin-top: 0% !important;
                margin-left: 18% !important;
                z-index: 100;
                font-size: 90% !important;
            }
             
             .follow_us
             {
                 display: none;
             }
            
            .tag_img
            {
                left: -63% !important;
                width: 160% !important;
                top: 20px !important;
            }    
            
            
         }
        
        @media only screen and (max-width : 414px)
        {
            .release_date
            {
                margin-right: 5% !important;
                height: 49px;
                width: auto;
                position: relative;
                margin-top: 12% !important;
            }
            
            .title
            {
                margin: 0 !important;
                padding: 0 !important;
                position: relative;
                left: 0;
                width: 100% !important;
                top: 64px !important;
            }
            
            ul#example
            {
                margin-top: 25% !important;
            }
            
            .content
            {
                margin-left: -34% !important;
                font-size: 120%;
            }
            
            .form-container
            {
                margin-left: -75% !important;
                width: 190% !important;
                margin-top: 40% !important;
            }
            
            .btn_submit
            {
                margin-left: 21.33%;
                margin-top: 1%;
            }
            
            .bottom_imgs 
            {
                margin-top: 20%;
            }
            
            .social_icons
            {
                margin-top: -5% !important;
                font-size: 70% !important;
                margin-left: 1% !important;
                z-index: 100;
                font-size: 10%;
            }
            
            .tag_img
            {
                left: -94% !important;
                margin-bottom: 20% !important;
                width: 210% !important;   
            }
            
            ul#example li, ul#example li span
            {
                font-size: 186% !important;
            }
            
            ul#example li .days_text, .hours_text, .minutes_text, .seconds_text
            {
                color: #EFF2DB !important;
            }
        }