/*@font-face {
  font-family: 'Conv_MinionPro-It'';
  src: url('fonts/Minion Pro Italic.eot');
  src: local('☺'), url('fonts/Minion Pro Italic.woff') format('woff'), url('fonts/Minion Pro Italic.ttf') format('truetype'), url('fonts/Minion Pro Italic.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}*/

/*@font-face {
  font-family: 'Conv_MinionPro-It'';
  src: url('fonts/Adobe Hebrew Italic.eot');
  src: local('☺'), url('fonts/Adobe Hebrew Italic.woff') format('woff'), url('fonts/Adobe Hebrew Italic.ttf') format('truetype'), url('fonts/Adobe Hebrew Italic.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}*/

@font-face {
  font-family: 'Conv_MinionPro-It';
  src: url('fonts/MinionPro-It.eot');
  src: local('☺'), url('fonts/MinionPro-It.woff') format('woff'), url('fonts/MinionPro-It.ttf') format('truetype'), url('fonts/MinionPro-It.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

body,html
{
  margin: 0;
  padding: 0;
}

.bg{
  background-image: url(images/background.png);
  background-size: cover;
  background-color: #000;
  background-position:bottom;
  background-repeat: no-repeat;
  height: 100vh;
  width: 100%;
}
/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
        .logo{
          padding-top: 40px;
          padding-bottom: 25px;
          padding-right: 50px;
          padding-left: 50px;
          max-width: 90%;
          height: auto;
          background:rgba(33, 32, 32, 0.54);;
        } 
        .title{
          font-family: 'Conv_MinionPro-It';
          font-size: 20px;
          color: #ffffff;

        }

        .discription{
          font-size: 13px;
          color: #ffffff;
          font-family: 'Raleway', sans-serif;
        }
        
} 




@media only screen and (min-width : 375px) {
        .logo{
          padding-top: 40px;
          padding-bottom: 25px;
          padding-right: 50px;
          padding-left: 50px;
          max-width :90% ;
          height:  auto ;
          background:rgba(33, 32, 32, 0.54);;
        } 
        .title{
          font-family: 'Conv_MinionPro-It';
          font-size: 15px;
          color: #ffffff;

        }

        .discription{
          font-size: 12px;
          color: #ffffff;
          font-family: 'Raleway', sans-serif;
        }
        .text-position{
         /* margin-top: 105%;*/
        }
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 425px) {
       .logo{
          padding-top: 40px;
          padding-bottom: 25px;
          padding-right: 50px;
          padding-left: 50px;
          height:100%;
          width: auto;
          background:rgba(33, 32, 32, 0.54);;
        } 
        .title{
          font-family: 'Conv_MinionPro-It';
          font-size: 17px;
          color: #ffffff;

        }

        .discription{
          font-size: 14px;
          color: #ffffff;
          font-family: 'Raleway', sans-serif;
        }
        .text-position{
          /*margin-top: 90%;*/
        }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    /* your mobile css, change this as you please */
    .logo{
          padding-top: 40px;
          padding-bottom: 25px;
          padding-right: 50px;
          padding-left: 50px;
          height: 100%;
          width: auto;
          background:rgba(33, 32, 32, 0.54);;
        }
        .title{
          font-family: 'Conv_MinionPro-It';
          font-size: 20px;
          color: #ffffff;

        }

        .discription{
          font-size: 17px;
          color: #ffffff;
          font-family: 'Raleway', sans-serif;
        }
        .text-position{
          /*margin-top: 48%;*/
        }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 1024px) 
{
      .logo{
          padding-top: 40px;
          padding-bottom: 25px;
          padding-right: 50px;
          padding-left: 50px;
          height:100%;
          width: auto;
          background:rgba(33, 32, 32, 0.54);;
        }
        .title{
          font-family: 'Conv_MinionPro-It';
          font-size: 25px;
          color: #ffffff;

        }

        .discription{
  
          color: #ffffff;
          font-family: 'Raleway', sans-serif;
        }
         
}

@media only screen and (min-width : 1440px) 
{
      .logo{
          padding-top: 40px;
          padding-bottom: 25px;
          padding-right: 50px;
          padding-left: 50px;
          height: 100%;
          width: auto;
          background:rgba(33, 32, 32, 0.54);;
        }
        .title{
          font-family: 'Conv_MinionPro-It';
          font-size: 28px;
          color: #ffffff;
          margin-bottom: 20px;

        }

        .discription{
          font-size: 18px;
          color: #ffffff;
          font-family: 'Raleway', sans-serif;
        }
        .text-position{
          /*margin-top: 19%;*/
        }
}

@media only screen and (min-width : 2056px) 
{
      .logo{
          padding-top: 40px;
          padding-bottom: 25px;
          padding-right: 50px;
          padding-left: 50px;
          height:100%;
          width: auto;
          background:rgba(33, 32, 32, 0.54);;
        }
        .title{
          font-family: 'Conv_MinionPro-It';
          font-size: 30px;
          color: #ffffff;

        }

        .discription{
          font-size: 22px;
          color: #ffffff;
          font-family: 'Raleway', sans-serif;
        }
        
}
.wrap{
  position: fixed;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
.info {
    position: absolute;
    bottom: 4%;
    width: 100%;
    height: 30%;
}

.container {
    height: 42%;
}
.logo-height.text-center {
    height: 100%;
}


.text-height.text-center {
    height: 100%;
}