/**********************************
Tommy Remag ///////////////////////
www.tommyremag.com ////////////////
@tommyremag ///////////////////////
************ designed with love **/


/**********************************************
***********************************************
                CSS - MAIN
***********************************************
**********************************************/


/***************************************
TEXT MAIN EDIT //////////////// START //
***************************************/

    /* FONTS
    **********************************/
        
        /* Montserrat - FONT */
        @import url('https://fonts.googleapis.com/css?family=Montserrat:400,900');


    /* TEXT MARKUP COLOR
    **********************************/

        /* Mozilla based browsers */
        ::-moz-selection {
        background-color: rgba(255, 255, 255, 0);
        color: #363636;
        }

        /* Works in Safari */
        ::-moz-selection {
        background-color: rgba(255, 255, 255, 0);
        color: #363636;
        }

        ::selection {
        background-color: rgba(255, 255, 255, 0);
        color: #363636;
        }

        /* Works in Opera */
        ::-o-selection {
        background-color: rgba(255, 255, 255, 0);
        color: #363636;
        }

        ::-ms-selection {
        background-color: rgba(255, 255, 255, 0);
        color: #363636;
        }

        /* Works in Internet Explorer */
        ::-webkit-selection {
        background-color: rgba(255, 255, 255, 0);
        color: #363636;
        }

    /* HTML & BODY
    **********************************/

        html {
            font-size: 62.5%; /* Da 1 rem bude jednak 10px, a ne standardnih 16px, radi lakseg izracunavanja */
        }

        body {
            font-family: 'Montserrat', sans-serif;
            font-variant-ligatures: no-common-ligatures;
            font-weight: 400;
            font-size: 3rem;
            letter-spacing: 0.1rem;
            line-height: 3.8rem;
            color: #fff;
        }

    /* TITLES
    **********************************/

        h1,h2,h3,h4,h5,h6 {
            font-family: 'Montserrat', sans-serif;
            font-variant-ligatures: no-common-ligatures;
            font-weight: 900;
            font-size: 9rem;
            letter-spacing: 0.2rem;
            line-height: 10rem;
            color: #fff;
        }

        h1 {
            font-size: 9rem;
            padding-top: 0rem;
            padding-bottom: 5rem;
        }

        h2 {
            font-size: 7rem;
            padding-top: 0rem;
            padding-bottom: 4rem;
        }

        h3 {
            font-size: 5rem;
            padding-top: 0rem;
            padding-bottom: 3rem;
        }

        h4 {
            font-size: 3rem;
            padding-top: 5rem;
            padding-bottom: 3rem;
        }

        h5 {
            font-size: 3rem;
            padding-top: 5rem;
            padding-bottom: 3rem;
        }

        h6 {
            font-size: 3rem;
            padding-top: 5rem;
            padding-bottom: 3rem;
        }

    /* TEXT ALIGN
    **********************************/

        .text-left {
            text-align: left;
        }

        .text-center {
            text-align: center;
        }
    
        .text-right {
            text-align: right;
        }

        .text-inherit {
            text-align: inherit;
        }

        .text-justify {
            text-align: justify;
            text-justify: distribute;
            
        }

    /* TEXT HIGHLIGHT
    **********************************/

        .text-highlight-1 {
            font-style: italic;
        }

        .text-highlight-2 {
            font-size: 1.8rem;
            color: #dec6ae;
            padding: 7px 0px;
        }

        .text-highlight-3 {
            text-decoration: line-through;
        }


/***************************************
TEXT EDIT /////////////////////// END //
***************************************/


/***************************************
LINKS EDIT //////////////////// START //
***************************************/

    /* ALL LINKS
    **********************************/

        a {
            text-decoration: none;
            font-size: 1.6rem;
            color: #505050;
            outline: none;
            font-weight: 900;
        }

        a:hover, a:focus {
            text-decoration: none;
            color: #fff;
            outline: none;
        }

        .active-link {
            text-decoration: line-through;
            text-decoration-color: #1e1e1e;
            /*font-weight: bold;*/
        }

    /* PHONE NUMBER LINK
    **********************************/

        a.direct_contact {
            font-family: 'Montserrat', sans-serif;
            font-variant-ligatures: no-common-ligatures;
            font-weight: 400;
            font-size: 3rem;
            letter-spacing: 0.1rem;
            line-height: 3.8rem;
            color: #fff;
            display: block;
        }

/***************************************
LINKS EDIT ////////////////////// END //
***************************************/

/***************************************
MAIN EDIT ///////////////////// START //
***************************************/

    /* HTML
    **********************************/

        html {
            /*background-color: #1e1e1e;*/
            /*GRADIENT POZADINA*/
            background: #5e0094;
            background: -moz-linear-gradient(left, #5e0094 0%, #f10040 100%);
            background: -webkit-linear-gradient(left, #5e0094 0%,#f10040 100%);
            background: linear-gradient(to right, #5e0094 0%,#f10040 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e0094', endColorstr='#f10040',GradientType=1 );
        }

    /* BODY
    **********************************/

        body {
            position: relative;
            z-index: 0;
            width: 100%;
            min-width: 320px;
            /*VERTIKALNI SCROLLBAR SE PRIKAZUJE PO POTREBI*/
            overflow-y: auto;
            /*HORIZONTALNI SCROLLBAR SE NE PRIKAZUJE NIKAD*/
            overflow-x: hidden;
            /*GRADIENT POZADINA*/
            background: #5e0094;
            background: -moz-linear-gradient(left, #5e0094 0%, #f10040 100%);
            background: -webkit-linear-gradient(left, #5e0094 0%,#f10040 100%);
            background: linear-gradient(to right, #5e0094 0%,#f10040 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e0094', endColorstr='#f10040',GradientType=1 );
        }

    
    /* PAGE CONTAINER
    **********************************/

        .container {
            position: relative;
            width: 100%;
            max-width: 1700px;
            min-width: 320px;
            margin: 0 auto;
        }

    /* HOME 1 - LOGO TOP
    **********************************/

        .logo-top-home {
            position: relative;
            z-index: 3;
            width: 100%;
            height: 100vh;
            background-position: center;
            background-repeat: no-repeat;
        }

    /* HOME 2 - CONTACT
    **********************************/

        .contact-home {
            position: relative;
            z-index: 3;
            width: 100%;
            background-position: center;
            background-repeat: no-repeat;
        }

        .contact-home section {
            position: relative;
            width: 100%;
        }

    /* HOME 3 / HOME 4 / HOME 5 - SECTION
    **********************************/

        .services {
            position: relative;
            z-index: 3;
        }

        .services section {
            position: relative;
            z-index: 3;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }

        .services section p{
            width: 100%;
        }
        
        .services section a{
            display: block;
            text-align: right;
            width: 100%;
        }

    /* HOME 3 - IT SERVICES
    **********************************/

        .it-services-home {
            background-position: center;
            background-repeat: no-repeat;
        }

    /* HOME 4 - DIGITAL
    **********************************/

        .digital-home {
            background-position: center;
            background-repeat: no-repeat;
        }

    /* HOME 5 - CONSULTING
    **********************************/

        .consulting-home {
            background-position: center;
            background-repeat: no-repeat;
        }

    /* HOME 6 - INTRODUCTION
    **********************************/

        .introduction-home {
            position: relative;
            z-index: 1;
            width: 100%;
            background-position: center;
            background-repeat: no-repeat;
        }

        /* HOME 6 - INTRODUCTION TEXT
        **********************************/

            .introduction-text-home {
                position: absolute;
                z-index: 3;
                width: 100%;
                left: 50%;
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
            }

            .introduction-text-home p {
                position: absolute;
                font-weight: 900;
                font-size: 9rem;
                line-height: 10rem;
            }


    /* HOME 7 - LOGO BOTTOM
    **********************************/

        .logo-bottom-home {
            position: absolute;
            z-index: 1;
            width: 100%;
            background-position: center;
            background-repeat: no-repeat;
        }

    /* ROCKET
    **********************************/

        .rocket {
            position: fixed;
            z-index: 2;
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            background-position: center;
            background-repeat: no-repeat;
        }

    /* LOGO LAUNCH BUTTON
    **********************************/

        .logo_launch_button {
            position: absolute;
            z-index: 3;
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            background-image: url(../img/logo_launch_button.svg);
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            cursor: pointer;
        }

    /* CONTACT ICON
    **********************************/

        .contact {
            position: absolute;
            z-index: 3;
            background-position: center;
            background-repeat: no-repeat;
        }

    /* TOMMY REMAG
    **********************************/

        .tommy_remag {
            position: absolute;
            z-index: 300;
            display: block;
            top: 0px;
            left: 0px;
            width: 150px;
            height: 110px;
            background-image: url(../img/tommyremag_com.svg);
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
        }

/***************************************
MAIN EDIT /////////////////////// END //
***************************************/


/***************************************
MEDIA QUERIES WIDTH /////////// START //
***************************************/

    /* MEDIA QUERY - WIDTH: 0px - 400PX
    ***************************************/
    @media screen and (min-width:0px) and (max-width:400px),
    screen and (min-width:0px) and (max-width:400px) and (-webkit-min-device-pixel-ratio:2),
    screen and (min-width:0px) and (max-width:400px) and (min-resolution:192dpi) {
        
        /* TEXT EDIT
        **********************************/
        
            h1 {
                font-size: 3.5rem;
                line-height: 4rem;
                padding-bottom: 1.8rem;
            }
            
            p {
                font-size: 1.5rem;
                line-height: 2.2rem;
            }
        
            a {
                font-size: 1.4rem;
            }
        
            .introduction-text-home p {
                font-size: 3.5rem;
                line-height: 4rem;
            }
        
         /* HOME 1 - LOGO TOP
        **********************************/

            .logo-top-home {
                background-image:
                    url(../img/320-400/home_1_logo_top_320-400.svg),
                    url(../img/320-400/home_1_logo_top_320-400_bg.svg);
                background-size: contain, cover;
                background-position: center center , center bottom;
            }

        /* HOME 2 - CONTACT
        **********************************/

            .contact-home {
                height: 517px;
                background-image: url(../img/320-400/home_2_contact_bg_320-400.svg);
            }

            .contact-home section {
                max-width: 260px; 
                padding: 20px;
                top: 90px;
                margin-left: auto;
                margin-right: auto;
            }
        
            .contact-home section p {
                padding: 10px 0px;
            }
        
            a.direct_contact {
                padding: 10px 0px;
                font-size: 1.5rem;
                line-height: 2.2rem;
            }
        
        /* HOME 3 / HOME 4 / HOME 5 - SECTION
        **********************************/

            .services {
                margin-top: 100px;
            }

            .services section {
                max-width: 260px; 
                padding: 20px;
            }

            .services section p {
                padding-bottom: 7px;
                max-width: 260px; 
            }

            .services section a {
                max-width: 260px; 
            }

        /* HOME 3 - IT SERVICES
        **********************************/

            .it-services-home {
                height: 381px;
                background-image: url(../img/320-400/home_3_it_services_bg_320-400.svg);
            }
        
            .it-services-home section {
                top: 130px;
                margin-left: auto;
                margin-right: auto;
            }

        /* HOME 4 - DIGITAL
        **********************************/

            .digital-home {
                height: 381px;
                background-image: url(../img/320-400/home_4_digital_bg_320-400.svg);
            }
        
            .digital-home section {
                top: 120px;
                margin-left: auto;
                margin-right: auto;
            }

        /* HOME 5 - CONSULTING
        **********************************/

            .consulting-home {
                height: 381px;
                background-image: url(../img/320-400/home_5_consulting_bg_320-400.svg);
            }
        
            .consulting-home section {
                top: 130px;
                margin-left: auto;
                margin-right: auto;
            }

        /* HOME 6 - INTRODUCTION
        **********************************/

            .introduction-home {
                height: 1150px;
                background-image: url(../img/320-400/home_6_introduction_bg_320-400.svg);
            }

            /* HOME 6 - INTRODUCTION TEXT
            **********************************/

                .introduction-text-home {
                    max-width: 400px;
                    height: 690px;
                    bottom: 360px;
                }

                .introduction-text-home p {
                    max-width: 400px;
                }

                .introduction-text-home :nth-child(1) {
                    top: 0px;
                    right: 30px;
                }

                .introduction-text-home :nth-child(2) {
                    top: 42%; 
                    left: 30px;
                }

                .introduction-text-home :nth-child(3) {
                    bottom: 0px;
                    right: 30px;
                }

        /* HOME 7 - LOGO BOTTOM
        **********************************/

            .logo-bottom-home {
                height: 112px;
                bottom: 0px;
                background-image: url(../img/320-400/home_7_logo_bottom_320-400.svg);
            }

        /* ROCKET
        **********************************/

            .rocket {
                width: 82px;
                height: 148px;
                bottom: 156px;
                background-image: url(../img/320-400/rocket_320-400.png);
            }
        
        /* LOGO LAUNCH BUTTON
        **********************************/

            .logo_launch_button {
                width: 48px;
                height: 66px;
                bottom: 46px;
            }
        
        /* CONTACT ICON
        **********************************/
        
            .contact {
                width: 45px;
                height: 40px;
                right: 2.5%;
                bottom: 15px;
                background-image: url(../img/contact_icon_320-600.svg);
            }
    }

    /* MEDIA QUERY - WIDTH: 401px - 600PX
    ***************************************/
    @media screen and (min-width:401px) and (max-width:600px),
    screen and (min-width:401px) and (max-width:600px) and (-webkit-min-device-pixel-ratio:2),
    screen and (min-width:401px) and (max-width:600px) and (min-resolution:192dpi) {
        
        /* TEXT EDIT
        **********************************/
        
            h1 {
                font-size: 4.5rem;
                line-height: 5rem;
                padding-bottom: 3rem;
            }
            
            p {
                font-size: 1.8rem;
                line-height: 2.4rem;
            }
        
            a {
                font-size: 1.6rem;;
            }
        
            .introduction-text-home p {
                font-size: 4.5rem;
                line-height: 5rem;
            }
        
        /* HOME 1 - LOGO TOP
        **********************************/

            .logo-top-home {
                background-image:
                    url(../img/401-600/home_1_logo_top_401-600.svg),
                    url(../img/401-600/home_1_logo_top_401-600_bg.svg);
                background-size: contain, cover;
                background-position: center center , center bottom;
            }

        /* HOME 2 - CONTACT
        **********************************/

            .contact-home {
                height: 666px;
                background-image: url(../img/401-600/home_2_contact_bg_401-600.svg);
            }

            .contact-home section {
                max-width: 340px; 
                padding: 20px;
                top: 140px;
                margin-left: auto;
                margin-right: auto;
            }
        
            .contact-home section p {
                padding: 10px 0px;
            }
        
            a.direct_contact {
                padding: 10px 0px;
                font-size: 1.8rem;
                line-height: 2.4rem;
            }
        
        /* HOME 3 / HOME 4 / HOME 5 - SECTION
        **********************************/

            .services {
                margin-top: 120px;
            }

            .services section {
                max-width: 330px; 
                padding: 20px;
            }

            .services section p {
                padding-bottom: 15px;
                max-width: 300px; 
            }

            .services section a {
                max-width: 300px; 
            }

        /* HOME 3 - IT SERVICES
        **********************************/

            .it-services-home {
                height: 492px;
                background-image: url(../img/401-600/home_3_it_services_bg_401-600.svg);
            }
        
            .it-services-home section {
                top: 180px;
                margin-left: auto;
                margin-right: auto;
            }

        /* HOME 4 - DIGITAL
        **********************************/

            .digital-home {
                height: 492px;
                background-image: url(../img/401-600/home_4_digital_bg_401-600.svg);
            }
        
            .digital-home section {
                top: 180px;
                margin-left: auto;
                margin-right: auto;
            }

        /* HOME 5 - CONSULTING
        **********************************/

            .consulting-home {
                height: 492px;
                background-image: url(../img/401-600/home_5_consulting_bg_401-600.svg);
            }
        
            .consulting-home section {
                top: 180px;
                margin-left: auto;
                margin-right: auto;
            }

        /* HOME 6 - INTRODUCTION
        **********************************/

            .introduction-home {
                height: 1484px;
                background-image: url(../img/401-600/home_6_introduction_bg_401-600.svg);
            }

            /* HOME 6 - INTRODUCTION TEXT
            **********************************/

                .introduction-text-home {
                    max-width: 600px;
                    height: 875px;
                    bottom: 480px;
                }

                .introduction-text-home p {
                    max-width: 600px;
                }

                .introduction-text-home :nth-child(1) {
                    top: 0px;
                    right: 40px;
                }

                .introduction-text-home :nth-child(2) {
                    top: 45%; 
                    left: 40px;
                }

                .introduction-text-home :nth-child(3) {
                    bottom: 0px;
                    right: 40px;
                }

        /* HOME 7 - LOGO BOTTOM
        **********************************/

            .logo-bottom-home {
                height: 144px;
                bottom: 0px;
                background-image: url(../img/401-600/home_7_logo_bottom_401-600.svg);
            }

        /* ROCKET
        **********************************/

            .rocket {
                width: 110px;
                height: 198px;
                bottom: 180px;
                background-image: url(../img/401-600/rocket_401-600.png);
            }
        
        /* LOGO LAUNCH BUTTON
        **********************************/

            .logo_launch_button {
                width: 62px;
                height: 85px;
                bottom: 59px;
            }
        
        /* CONTACT ICON
        **********************************/

        .contact {
            width: 45px;
            height: 40px;
            right: 2.5%;
            bottom: 20px;
            background-image: url(../img/contact_icon_320-600.svg);
        }
    }

    /* MEDIA QUERY - WIDTH: 601px - 800PX
    ***************************************/
    @media screen and (min-width:601px) and (max-width:800px),
    screen and (min-width:601px) and (max-width:800px) and (-webkit-min-device-pixel-ratio:2),
    screen and (min-width:601px) and (max-width:800px) and (min-resolution:192dpi) {
        
        /* TEXT EDIT
        **********************************/
            
            h1 {
                font-size: 6rem;
                line-height: 7rem;
                padding-bottom: 3rem;
            }
            
            p {
                font-size: 2rem;
                line-height: 3.8rem;
            }
        
            a {
                font-size: 1.6rem;;
            }
        
            .introduction-text-home p {
                font-size: 6rem;
                line-height: 7rem;
            }
        
         /* HOME 1 - LOGO TOP
        **********************************/

            .logo-top-home {
                background-image:
                    url(../img/601-800/home_1_logo_top_601-800.svg),
                    url(../img/601-800/home_1_logo_top_601-800_bg.svg);
                background-size: contain, cover;
                background-position: center center , center bottom;
            }

        /* HOME 2 - CONTACT
        **********************************/

            .contact-home {
                height: 890px;
                background-image: url(../img/601-800/home_2_contact_bg_601-800.svg);
            }

            .contact-home section {
                max-width: 450px; 
                padding: 20px;
                top: 180px;
                margin-left: auto;
                margin-right: auto;
            }
        
            .contact-home section p {
                padding: 15px 0px;
            }
        
            a.direct_contact {
                padding: 15px 0px;
                font-size: 2rem;
                line-height: 3.8rem;
            }
        
        /* HOME 3 / HOME 4 / HOME 5 - SECTION
        **********************************/

            .services {
                margin-top: 150px;
            }

            .services section {
                max-width: 480px; 
                padding: 20px;
            }

            .services section p {
                padding-bottom: 20px;
                max-width: 400px; 
            }

            .services section a {
                max-width: 400px; 
            }

        /* HOME 3 - IT SERVICES
        **********************************/

            .it-services-home {
                height: 657px;
                background-image: url(../img/601-800/home_3_it_services_bg_601-800.svg);
            }
        
            .it-services-home section {
                top: 240px;
                margin-left: auto;
                margin-right: auto;
            }

        /* HOME 4 - DIGITAL
        **********************************/

            .digital-home {
                height: 657px;
                background-image: url(../img/601-800/home_4_digital_bg_601-800.svg);
            }
        
            .digital-home section {
                top: 240px;
                margin-left: auto;
                margin-right: auto;
            }

        /* HOME 5 - CONSULTING
        **********************************/

            .consulting-home {
                height: 657px;
                background-image: url(../img/601-800/home_5_consulting_bg_601-800.svg);
            }
        
            .consulting-home section {
                top: 240px;
                margin-left: auto;
                margin-right: auto;
            }

        /* HOME 6 - INTRODUCTION
        **********************************/

            .introduction-home {
                height: 1982px;
                background-image: url(../img/601-800/home_6_introduction_bg_601-800.svg);
            }

            /* HOME 6 - INTRODUCTION TEXT
            **********************************/

                .introduction-text-home {
                    max-width: 800px;
                    height: 1170px;
                    bottom: 640px;
                }

                .introduction-text-home p {
                    max-width: 600px;
                }

                .introduction-text-home :nth-child(1) {
                    top: 0px;
                    right: 40px;
                }

                .introduction-text-home :nth-child(2) {
                    top: 45%; 
                    left: 40px;
                }

                .introduction-text-home :nth-child(3) {
                    bottom: 0px;
                    right: 40px;
                }

        /* HOME 7 - LOGO BOTTOM
        **********************************/

            .logo-bottom-home {
                height: 192px;
                bottom: 0px;
                background-image: url(../img/601-800/home_7_logo_bottom_601-800.svg);
            }

        /* ROCKET
        **********************************/

            .rocket {
                width: 126px;
                height: 230px;
                bottom: 220px;
                background-image: url(../img/601-800/rocket_601-800.png);
            }
        
        /* LOGO LAUNCH BUTTON
        **********************************/

            .logo_launch_button {
                width: 82px;
                height: 114px;
                bottom: 78px;
            }
        
        /* CONTACT ICON
        **********************************/

        .contact {
            width: 65px;
            height: 55px;
            right: 5%;
            bottom: 30px;
            background-image: url(../img/contact_icon.svg);
        }
    }

 /* MEDIA QUERY - WIDTH: 801PX - to the infinity and beyond
    *********************************/
    @media screen and (min-width:801px) {
           
        /* HOME 1 - LOGO TOP
        **********************************/

            .logo-top-home {
                
                background-image:
                    url(../img/801-1920/home_1_logo_top_801-1920.svg),
                    url(../img/801-1920/home_1_logo_top_801-1920_bg.svg);
                background-size: contain, cover;
                background-position: center center , center bottom;
            }

        /* HOME 2 - CONTACT
        **********************************/

            .contact-home {
                height: 1350px;
                background-image: url(../img/801-1920/home_2_contact_bg_801-1920.svg);
            }

            .contact-home section {
                max-width: 680px; 
                padding: 20px;
                top: 360px;
                margin-left: auto;
                margin-right: auto;
            }

            .contact-home section p{
                max-width: 600px;
                padding: 20px 0px;
            }
        
            a.direct_contact {
                padding: 20px 0px;
            }
        
        /* HOME 3 / HOME 4 / HOME 5 - SECTION
        **********************************/

            .services {
                margin-top: 150px;
            }

            .services section {
                max-width: 680px; 
                padding: 20px;
            }

            .services section p {
                padding-bottom: 20px;
                max-width: 600px; 
            }

            .services section a {
                max-width: 550px; 
            }

        /* HOME 3 - IT SERVICES
        **********************************/

            .it-services-home {
                height: 1000px;
                background-image: url(../img/801-1920/home_3_it_services_bg_801-1920.svg);
            }
        
            .it-services-home section {
                top: 400px;
            }

        /* HOME 4 - DIGITAL
        **********************************/

            .digital-home {
                height: 1000px;
                background-image: url(../img/801-1920/home_4_digital_bg_801-1920.svg);
            }
        
            .digital-home section {
                top: 400px;
            }

        /* HOME 5 - CONSULTING
        **********************************/

            .consulting-home {
                height: 1000px;
                background-image: url(../img/801-1920/home_5_consulting_bg_801-1920.svg);
            }
        
            .consulting-home section {
                top: 400px;
                margin-left: auto;
                margin-right: auto;
            }

        /* HOME 6 - INTRODUCTION
        **********************************/

            .introduction-home {
                height: 3000px;
                background-image: url(../img/801-1920/home_6_introduction_bg_801-1920.svg);
            }

            /* HOME 6 - INTRODUCTION TEXT
            **********************************/

                .introduction-text-home {
                    max-width: 1100px;
                    height: 1900px;
                    bottom: 850px;
                }

                .introduction-text-home p {
                    max-width: 750px;
                }

                .introduction-text-home :nth-child(1) {
                    top: 0px;
                    right: 40px;
                }

                .introduction-text-home :nth-child(2) {
                    top: 45%; 
                    left: 40px;
                }

                .introduction-text-home :nth-child(3) {
                    bottom: 0px;
                    right: 40px;
                }

        /* HOME 7 - LOGO BOTTOM
        **********************************/

            .logo-bottom-home {
                height: 290px;
                bottom: 0px;
                background-image: url(../img/801-1920/home_7_logo_bottom_801-1920.svg);
            }

        /* ROCKET
        **********************************/

            .rocket {
                width: 164px;
                height: 300px;
                bottom: 300px;
                background-image: url(../img/801-1920/rocket_801-1920.png);
            }
        
        /* LOGO LAUNCH BUTTON
        **********************************/

            .logo_launch_button {
                width: 124px;
                height: 172px;
                bottom: 118px;
            }
        
        /* CONTACT ICON
        **********************************/

        .contact {
            width: 65px;
            height: 55px;
            right: 5%;
            bottom: 65px;
            background-image: url(../img/contact_icon.svg);
        }
    }

/***************************************
MEDIA QUERIES WIDTH ///////////// END //
***************************************/


/**********************************
Tommy Remag ///////////////////////
www.tommyremag.com ////////////////
@tommyremag ///////////////////////
************ designed with love **/