* {
      font-family: 'Roboto', sans-serif;
    }

 html,body { height: 100%; margin: 0px; padding: 0px; }
body {
	background: url("../img/bg.jpg") no-repeat center center fixed;
	-webkit-background-size: cover;
 	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;

  	margin: 0;
  	padding: 0;
}

.flex-container {
  display: flex;
  height: 100%;
}

.flex-container > div {
  width: 50vw;
}

.flex-column {
	flex-direction: column;
	display: flex;
	align-items: stretch;
}

.flex-column1 {
	flex-direction: column;
	display: flex;
	align-items: stretch;
	text-align: right;
}

.main-wrapper {
	background-color: rgba(255, 255, 255, 0.5);
	width: 100vw;
	height: auto;
}

.left {
	padding-right: 100px;
	padding-left: 100px;
}
 .button {
	 background-image: url("../img/en.png");
	 background-repeat: no-repeat;
	 border: none;
	 width: 40px;
	 height: 40px;
	 font-size: 16px;
	 margin: 4px 2px;
	 cursor: pointer;
	 background-color: transparent;
	 background-size: 100%;
	 background-size: 40px auto;
 }

 #logo_mob {
     display: none;
 }

 @media all and (max-width: 736px) {

	 .left {
		 padding-right: 0px !important;
		 padding-left: 0px !important;;
	 }

     .flex-container {
         height: auto;
         flex-direction: column-reverse;
     }

     #logo_desk {
         display: none;
     }

     #logo_mob {
         display: block;
     }

     .flex-container > div {
         width: 100vw;
     }

     .flex-column1 {
         text-align: center;
         font-size: 18px;
     }

     .flex-column {
         text-align: center;
         font-size: 18px;
     }

     #logo {
         display: none;
     }
     #lang {
         margin-left: 47vw !important;
     }


 }