/* MAIN CSS */ 

html, body { min-height:100%;}
#main { 

	width:100%;
	height: 100vh;
	background-image: url('../img/bg.png');
	background-repeat: no-repeat;
	background-size: cover;
	

 }


@media only screen and (min-width:0px) and (max-width: 769px) {

  #main { 

    width:100%;
    height: 100vh;
    background-image: url('../../training/img/bgmob.png !important');
    background-repeat: no-repeat;
    background-size: cover;

   }

 }


  #logo { 

  	position: absolute;
 	top:10%;
 	left:50%;
 	transform: translate(-50%,-10%); 	

   }


   #log{ 

   	position: relative;
  	left:50%;
  	transform: translateX(-50%);

    }


   #button-container { 

  	position: absolute;
 	top:50%;
 	left:50%;
 	transform: translate(-50%,-50%); 	

    }

    #button-container img { 

    	position: relative;
    	left:50%;
    	transform: translateX(-50%);
    	margin:15px 0;

     }