diff --git a/src/components/pages/Home.css b/src/components/pages/Home.css
index 7a16b0742de8a802d4910f974a94257fffa90352..727ae7b87d942d04b884fd3916d4cb361bb7bedf 100644
--- a/src/components/pages/Home.css
+++ b/src/components/pages/Home.css
@@ -1,12 +1,12 @@
 .car-image-kszk {
-   position: relative;
-   width: 100%; /* for IE 6 */
-   /* height: 1000px; */
+  position: relative;
 }
 
 .car-text-kszk {
-   position: absolute;
-   left: 0;
-   width: 100%;
-   top: 0;
+  position: absolute;
+  width: 100%;
+  top: 0px;
+  -webkit-text-fill-color: white;
+  -webkit-text-stroke-color: black;
+  -webkit-text-stroke-width: 0.75px;
 }
diff --git a/src/components/pages/Home.js b/src/components/pages/Home.js
index 8f129200d4210391f0772c6e564357abe5cd343c..304e3325da9e5c5b5a3449379dac5442a8fdbf51 100644
--- a/src/components/pages/Home.js
+++ b/src/components/pages/Home.js
@@ -33,94 +33,90 @@ const range = (count) => {
   return newArray;
 };
 
-const RegisterHeader = ({ image }) => (
-  <div className='car-image-kszk'>
-    <img src={`images/${image}.JPG`} width='100%' alt='' />
-    <div className='car-text-kszk'>
-      <Segment textAlign='center' vertical>
-        <Header
-          as='h1'
-          content='Üdvözlünk a'
-          inverted
-          style={{
-            fontSize: '3em',
-            fontWeight: 'normal',
-            marginBottom: 0,
-            marginTop: '0.5em',
-          }}
-        />
-        <Header
-          as='h1'
-          content='KollĂŠgiumi SzĂĄmĂ­tĂĄstechnikai KĂśr'
-          inverted
-          style={{
-            fontSize: '4em',
-            fontWeight: 'bold',
-            marginBottom: '0.5em',
-            marginTop: '0.5em',
-          }}
-        />
-        <Header
-          as='h1'
-          content='érdeklődőinek szánt weboldalán!'
-          inverted
-          style={{
-            fontSize: '3em',
-            fontWeight: 'normal',
-            marginBottom: 0,
-            marginTop: '0.5em',
-          }}
-        />
-        <Image
-          verticalAlign='middle'
-          size='small'
-          src={KSZKbiglogo}
-          style={{ marginTop: '4em' }}
-        />
-        <Header
-          as='h1'
-          content='Mindenkit szeretettel vĂĄrunk a KSZKĂŠpzĂŠs-re!'
-          inverted
-          style={{
-            fontSize: '3em',
-            fontWeight: 'normal',
-            marginBottom: 0,
-            marginTop: '1em',
-          }}
-        />
-        <Container>
-          <Button
-            href='/api/v1/login/authsch/'
-            primary
-            size='huge'
-            style={{
-              fontSize: '2em',
-              marginTop: '1em',
-              marginBottom: '1em',
-            }}
-          >
-            JelentkezĂŠs
-            <Icon name='right arrow' />
-          </Button>
-        </Container>
-      </Segment>
-    </div>
-  </div>
-);
-
 export default class Home extends Component {
   render() {
     return (
       <div>
-        <Slider {...settings}>
-          {
-            range(23).map(image => (
-              <div key={image}>
-                <RegisterHeader image={image} />
-              </div>
-            ))
-          }
-        </Slider>
+        <div className='car-image-kszk'>
+          <Slider {...settings}>
+            {
+              range(23).map(image => (
+                <div key={image}>
+                  <img src={`images/${image}.JPG`} width='100%' alt='' />
+                </div>
+              ))
+            }
+          </Slider>
+          <div className='car-text-kszk'>
+            <Segment textAlign='center' vertical>
+              <Header
+                as='h1'
+                content='Üdvözlünk a'
+                inverted
+                style={{
+                  fontSize: '3em',
+                  fontWeight: 'normal',
+                  marginBottom: 0,
+                  marginTop: '0.5em',
+                }}
+              />
+              <Header
+                as='h1'
+                content='KollĂŠgiumi SzĂĄmĂ­tĂĄstechnikai KĂśr'
+                inverted
+                style={{
+                  fontSize: '4em',
+                  fontWeight: 'bold',
+                  marginBottom: '0.5em',
+                  marginTop: '0.5em',
+                }}
+              />
+              <Header
+                as='h1'
+                content='érdeklődőinek szánt weboldalán!'
+                inverted
+                style={{
+                  fontSize: '3em',
+                  fontWeight: 'normal',
+                  marginBottom: 0,
+                  marginTop: '0.5em',
+                }}
+              />
+              <Image
+                verticalAlign='middle'
+                size='small'
+                src={KSZKbiglogo}
+                style={{ marginTop: '4em' }}
+              />
+              <Header
+                as='h1'
+                content='Mindenkit szeretettel vĂĄrunk a KSZKĂŠpzĂŠs-re!'
+                inverted
+                style={{
+                  fontSize: '3em',
+                  fontWeight: 'normal',
+                  marginBottom: 0,
+                  marginTop: '1em',
+                }}
+              />
+              <Container>
+                <Button
+                  href='/api/v1/login/authsch/'
+                  primary
+                  size='huge'
+                  style={{
+                    fontSize: '2em',
+                    marginTop: '1em',
+                    marginBottom: '1em',
+                  }}
+                >
+                  JelentkezĂŠs
+                  <Icon name='right arrow' />
+                </Button>
+              </Container>
+            </Segment>
+          </div>
+        </div>
         <Segment style={{ padding: '8em 0em' }} vertical>
           <Container text>
             <Header as='h3' style={{ fontSize: '2em' }}>