body{
background: #FF44BF;
height: 1000px;

}


.cont-1{

background:#333;
width: 100%;
height: 1200px;


}

.text-1 {
color: #939393;;
}

.text-2{
color: #21B8FF;
}
.text-3{
color: #007BFF;

}

h1{

font-size: 120px;

}


.text-A{
color: #ffffff;
font-size: 35px;

}


@media only screen and (max-width: 2000px) {
  .cont-1  {

  	position: absolute;
  	top: 0%;
  	left: 0%;
    background-color: #000;
      }

      h1{

        position: absolute;
        top: 10%;
        left: 10%;
        font-size: 100px;
        width: 1500PX;
        font-family: 'Oswald', sans-serif;
        height: 599px;

      }

     .text-A {

        position: absolute;
        top: 70%;
        left: 10%;
        color: #ffffff;
        font-family: 'Oswald', sans-serif;


  }

     .img-1 {

        position: absolute;
        top: 70%;
        left: 30%;
        width: 150px;


  }     
} 







@media only screen and (max-width: 1800px) {
  .cont-1  {

  	position: absolute;
  	top: 0%;
  	left: 0%;
    background-color: #252525;
    width: 100%;
    height: 1200px;
      }
      h1{ 
        position: absolute;
        top: 7%;
        font-family: 'Oswald', sans-serif;
      	font-size: 70px;
      	width: 900px;
      	height: 800px;


      }

      .text-A{
        position: absolute;
        top: 40%;
        left: 10%;
     	color: #ffffff;
      	font-family: 'Oswald', sans-serif;  


 }

     .img-1 {

        position: absolute;
        top: 40%;
        left: 47%;
        width: 150px;



  }
} 







@media only screen and (max-width: 999px) {
  .cont-1  {

  	position: absolute;
  	top: 0%;
  	left: 0%;
    background-color: #252525;
    width: 100%;
    height: 1200px;
      }
      h1{ 
        position: absolute;
        top: 7%;
        font-family: 'Oswald', sans-serif;
      	font-size: 70px;
      	width: 400px;
      	height: 800px;


      }

      .text-A{
        position: absolute;
        top: 90%;
        left: 10%;
     	color: #ffffff;
      	font-family: 'Oswald', sans-serif;  




 }

     .img-1 {

        position: absolute;
        top: 85%;
         left: 40%;
        width: 90px;

  }
} 




@media only screen and (max-width: 414px) {
  .cont-1  {

  	position: absolute;
  	top: 0%;
  	left: 0%;
    background-color: #252525;
    width: 100%;
    height: 1200px;
      }

      h1{ 
        position: absolute;
        top: 2%;
      	width: 350px;
      	height: 800px;
       font-size: 50px;
       font-family: 'Oswald', sans-serif; 
      }

      .text-A{
        position: absolute;
        top: 51%;
        left: 10%;
     	color: #ffffff;
      	font-family: 'Oswald', sans-serif;  
        font-size: 35px;
        width: 90%;



 }

     .img-1 {

        position: absolute;
        top: 38%;
        left: 39%;
        width: 190px;

  }
} 









@media only screen and (max-width: 390px) {
  .cont-1  {

  	position: absolute;
  	top: 0%;
  	left: 0%;
    background-color: #252525;
    width: 100%;
    height: 1100px;
      }
      h1{ 
        position: absolute;
        top: 7%;
        font-family: 'Oswald', sans-serif;
      	font-size: 50px;
      	width: 350px;
      	height: 900px;


      }

      .text-A{
        position: absolute;
        top: 90%;
        left: 10%;
     	color: #ffffff;
      	font-family: 'Oswald', sans-serif;  



 }

     .img-1 {

        position: absolute;
        top: 89%;
        left: 65%;
        width: 110px;




  }
} 


@media only screen and (max-width: 397px) {
  .cont-1  {

  	position: absolute;
  	top: 0%;
  	left: 0%;
    background-color: #252525;
    width: 100%;
    height: 1100px;
      }
      h1{ 
        position: absolute;
        top: 2%;
        font-family: 'Oswald', sans-serif;
      	font-size: 47px;
      	width: 290px;
      	height: 900px;


      }

      .text-A{
        position: absolute;
        top: 55%;
        left: 10%;
     	color: #ffffff;
      	font-family: 'Oswald', sans-serif;  




      	 }

     .img-1 {

        position: absolute;
        top: 43%;
        left: 47%;
        width: 170px;

  }
}