@charset "utf-8";
/* CSS Document */
.logo{
  max-width:100%;
  height:auto;
  position:relative;

}
#text{
display:none;
}
.btn-container{
  margin: auto;
  height:44px;
  width:166.23px;
  
}
a:active{
  color:#ffd323;
}

button{
  user-select:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  cursor:pointer;
  border:none;
  padding:8px;
  font-size:20px;
  background:linear-gradient(141deg, #0fb8ad 0%, #1fc8db 51%, #2cb5e8 75%);
  color:white;
  font-family:cursive;
  box-sizing:border-box;
}

/* CSS for the Container inside body colors */
#containerTop{
	    margin-top:1px;
		background-color: #D9D9D9;
		margin-left:30px;
		margin-right:30px;	
	}
	
#mainContainer {
	    margin-top:1px;
		background-color: #D9D9D9;
		margin-left:30px;
		margin-right:30px;	
	}

	
	#containerBottom
	{
	    background-color: #f1f1f1;
		margin-left:30px;
		margin-right:30px;
		overflow: hidden;
		z-index:99999;
	}
 

	#footer {
		background-color: #D9D9D9;
		margin-left:30px;
		margin-right:30px;
		margin-top:-20px;
		
	}
	
	/* layout */
	#containerBottom,#mainContainer {
	    /* overflow to handle inner floating block */
	    overflow: hidden;
		z-index:99999;
	}
	
	#leftContainer {
	    float: left;
	    width: 70%;
		padding-left:20px;
		padding-right:20px;
	}
	
	#rightContainer {
	    float: right;
	    width: 30%;
		margin-top:30px;
		padding-left:20px;
		padding-right:20px;
	}  
	
	
	<!-- 3 column layout -->
* {
    box-sizing: border-box;
}

/* Create three unequal columns that floats next to each other */
.column {
    float: left;
    padding: 10px;
    min-height: 200px; /* Should be removed. Only for demonstration */
}

.left {
  width: 35%;
}

.right {
  width: 15%;
}

.middle {
  width: 50%;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}
 
 @media (max-width:750px){
 	#containertTop{
 		width:50%;
		background:#ff6126;
 	}
	#contentBottom{
 		width:50%;
 	}
 }
 @media screen and (max-width: 750px) {
    tbody, thead { float: left; }
    thead { min-width: 120px }
    td,th { display: block }
}