.container

{
	width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #394142;
}


body
{
	background: #181D1E;
	font-family: roboto;
}

#left
{
	background-size: cover;
    background-image: url(logo.png);
    height: 600px;
}

#main
{
	/*width: 100%;*/
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  
/*
    display: flex;
    justify-content: center;*/
    flex-direction: column;
}


input[type="text"]
{
    background: none;
   /* border: none;*/
    outline:none;
    color:white;
    outline: none !important;
    box-shadow: none !important;  
    text-align: center; 
   font-size: 19px;height: 53px;

}

input.middle:focus {
    outline-width: 0;
}

 input[type="text"]::placeholder { 
                  
                /* Firefox, Chrome, Opera */
                text-align: center;
                font-size:19px;
                color: #A6A6A6;
                }
   

#inp

{  background: none;
 border: 3px solid #F80070;
      border-radius: 16px;
    color: white;
letter-spacing: 3px;
}

#butt
{        border-radius: 16px;
    border: 3px solid #F80070;
    margin-top: 29px;
       width: 105%;
    background: none;
    color: white;
   /*  border-radius: 40px;*/
   font-size: 19px;
  margin-left: -15px;
  letter-spacing: 3px;
    
}

#right
{
	background-size: cover;
    background-image: url(backgroudotp.jpg);
    height: 600px;
}

#b1
{letter-spacing: 3px;
	display: flex;
    /* margin-left: -10px; */
    border: 3px solid #F80070;
    border-radius: 16px;
    justify-content: center;
}



@media only screen and (max-width: 768px) {
  #left {
    
    display: none;
  }

  #main {
    width: 82%;
    position: absolute;
    top: 50%;
    left: 52%;
    transform: translate(-50%, -50%);
    flex-direction: column;
}

#myrow
{
	flex-wrap: nowrap;
}

#inpdiv
{
	    width: 480%;
}

body
{
	background-image: url(backgroudotp.jpg);
}
}