/* General Styling */

* {
  box-sizing: border-box;
}

.row::after {
  content: "";
  clear: both;
  display: table;
}


@import url(http://fonts.googleapis.com/css?family=Droid+Serif);
body {
  font-family: 'Droid Serif', serif;
  font-size: 15px;
  color: #fff;
   background-color: black;
}


		.nav-bar{
list-style-type: none;
}


.main {
 
 width: 98%;
 background-color: #000;
   padding: 1%;
  margin: 0 auto;
  overflow: auto;
 border: 2px solid #4caf50;
}

.column-1 {
  width: 98%;
  background-color: #000;
  padding: 2%;
  border:  2px solid #4caf50;
   margin: 0 auto;
}

.column-2 {
  width: 98%;
  background-color: #000;
  padding: 0%;
  border:  0px solid #000;
  margin: 0 auto;
}

img{
max-width:100%;
height: auto;
}

 p {
        margin-bottom: 10px;
      }

 
      
input.right {
        float: right;
      }

 input[type=button] {
        display: inline-block;
        font-size: 20px;
        padding: 0px 0px;
        margin:  20px 5px;
        cursor: pointer;
       
      }

.menu li:active
{
    text-decoration: none;
}
.menu li:visited
{
    text-decoration: none;
     color: #fff;
}

.menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.menu li {
  padding: 8px;
  margin-bottom: 9px;
  background-color: #050;
  color: #ff0;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.menu li:hover {
  background-color: #009900;
  text-decoration: none;
    text-decoration: none;

}

.menu__link{
 
  font-weight: 800;
  text-transform: uppercase;
  text-decoration: none;
}

//---------menu------------------------------------------------------------------------------------


li.no-bullets {
  list-style-type: none; /* Remove bullets */
  padding: 0; /* Remove padding */
  margin: 0; /* Remove margins */
}



@media only screen and (max-width: 500px) { // phone screen


  body {
    font-size: 16px;
  }
.main {
  width: 98%;
 }  
  .column-1 {
  width: 98%;
  }
  .column-2 {
  width: 98%;
  }
  
}   

@media only screen and (min-width: 501px) { // pc screen



  body {
    font-size: 15px;
  }
.main {
  width: 468px;
 }  
  .column-1 {
  width: 468px;
  }
  .column-2 {
  width: 468px;
  }
  
}