@media screen and (max-width:3800px){
	#first{position:absolute;width:99%;height:55%;background-image: url(../img/bg.png);background-size:cover;background-position: center top;z-index:1}
	#myborder{position:absolute;top:50.7%;width:99%;height:5%;fill:#f5f5f5;z-index:2}
	#second{position:absolute;top:55.7%;width:99%;height:44%;background:#f5f5f5;z-index:1}
	#form{position:absolute;top:30%;width:99%;z-index:3;}
	#logoWrapper{display:flex;position:relative;left:50%;margin-left:-350px;width:700px}
	#myText{text-align:center;font-family:'Roboto',Arial,sans-serif;font-size:18px;font-weight:400;position:relative;left:50%;margin-top:5px;margin-left:-350px;width:700px;margin-top:10px;background:white;padding:20px 0px 0px;border-radius:10px 10px 0 0;}
	.logo{display:block;float:left;width:100%;min-width:300px;height:60px; border-width:0; border-radius:10px; border-color:transparent; border-style:solid; background:rgba(255,255,255,0.3);}
	.logoImg{position:relative; top:5px; margin:0 10% 0 10%;width:80%; height:50px;}
	.logoBorder{display:block;float:left;width:99px;height:60px;}
	.downerBorder{position:relative;left:50%;margin-left:-350px;width:700px;height:10px;background:white;border-radius:0 0 10px 10px;}
}
@media screen and (max-width:1199px){
	#first{position:absolute;width:99%;height:55%;background-image: url(../img/bg.png);background-size:cover;background-position: center top;z-index:1}
	#myborder{position:absolute;top:50.7%;width:99%;height:5%;fill:#f5f5f5;z-index:2}
	#second{position:absolute;top:55.7%;width:99%;height:44%;background:#f5f5f5;z-index:1}
	#form{position:absolute;top:30%;width:99%;z-index:3;}
	#logoWrapper{display:flex;position:relative;left:50%;margin-left:-350px;width:700px}
	#myText{text-align:center;font-family:'Roboto',Arial,sans-serif;font-size:18px;font-weight:400;position:relative;left:50%;margin-top:5px;margin-left:-350px;width:700px;margin-top:10px;background:white;padding:20px 0px 0px;border-radius:10px 10px 0 0;}
	.logo{display:block;float:left;width:100%;min-width:300px;height:60px; border-width:0; border-radius:10px; border-color:transparent; border-style:solid; background:rgba(255,255,255,0.3);}
	.logoImg{position:relative; top:5px; margin:0 10% 0 10%;width:80%; height:50px;}
	.logoBorder{display:block;float:left;width:99px;height:60px;}
}
@media screen and (max-width:959px){
	#first{position:absolute;width:99%;height:50%;background-image: url(../img/bg.png);background-size:cover;background-position: center top;z-index:1}
	#myborder{position:absolute;top:45.7%;width:99%;height:5%;fill:#f5f5f5;z-index:2}
	#second{position:absolute;top:50.7%;width:99%;height:44%;background:#f5f5f5;z-index:1}
	#form{position:absolute;top:30%;width:99%;z-index:3;}
	#logoWrapper{display:flex;position:relative;left:50%;margin-left:-300px;width:600px}
	.logoBorder{display:block;float:left;width:10%;min-width:20px;height:60px;}
	
}
@media screen and (max-width:639px){
	#first{position:absolute;width:99%;height:40%;background-image: url(../img/bg.png);background-size:cover;background-position: center top;z-index:1}
	#myborder{display:none}
	#logoWrapper{display:flex;flex-direction:column;position:relative;left:50%;margin-left:-200px;width:400px}
	#myText{text-align:center;font-family:'Roboto',Arial,sans-serif;font-size:16px;font-weight:400;position:relative;left:0px;margin-top:20px;margin-left:0px;width:100%;background:white;padding:10px 0px 0px;border-radius:0;}
	.logo{display:block;float:left;width:100%;min-width:300px;height:50px; border-width:0; border-radius:10px; border-color:transparent; border-style:solid; background:rgba(255,255,255,0.3);}
	.logoImg{position:relative; top:5px; margin:0 10% 0 10%;width:80%; height:40px;}
	.logoBorder{display:block;float:left;width:99px;height:10px;}
	.downerBorder{display:none}
}
@media screen and (max-width:479px){
	#first{position:absolute;width:99%;height:40%;background-image: url(../img/bg.png);background-size:cover;background-position: center top;z-index:1}
	#form{position:absolute;top:10%;width:99%;z-index:3}
	#myborder{display:none}
	#myText{text-align:center;font-family:'Roboto',Arial,sans-serif;font-size:14px;font-weight:400;position:relative;left:0px;margin-top:20px;margin-left:0px;width:100%;background:white;padding:10px 0px 0px;border-radius:0;}
	.logo{display:block;float:left;width:100%;min-width:300px;height:40px; border-width:0; border-radius:10px; border-color:transparent; border-style:solid; background:rgba(255,255,255,0.3);}
	.logoImg{position:relative; top:5px; margin:0 10% 0 10%;width:80%; height:30px;}
	.downerBorder{display:none}
}