* {
  margin:0px;
  padding:0px;
}

body {
  font-family: 'Open Sans', sans-serif;
  color:#0c479d;
}

.show-menu {
	text-decoration: none;
	color: #fff;
	background: #58585a;
	text-align: center;
	padding: 10px 0;
	display: none;
	width:100%;
	margin-bottom:1px;
}

input[type=checkbox]{
  display: none;
  -webkit-appearance: none;
}

p, h1, h2, h3 {
  margin-bottom: 20px;
}

a {
  color: #0c479d;
}

a:hover {
  text-decoration: none;
}


@media (min-width: 1100px) {

  .container {
    width: 1100px;
    margin:0 auto;
    text-align: center;
  }

  input[type="text"], input[type="number"] {
    padding: 5px;
    font-family: 'Open Sans', sans-serif
    font-size 14pt;
    margin-bottom: 10px;
    border:solid 1px #cdcdcd; 
  }

  input[type="submit"] {
    background: #0c479d;
    color: white;
    text-align: center;
    border:solid 1px #0c479d;
    border-radius: 4px;
    padding:5px 10px;
    cursor: pointer;
  }

  .order-info {
    width:800px;
    margin:0 auto 20px;
    text-align: left;
    padding:20px;
    border:solid 1px #cdcdcd;
  }

  .title {
    float: left;
    padding:2px;
    width:196px;
    text-align: left;
    margin-right: 10px;
  }

  .value {
    float: left;
    width:586px;
    padding:2px;
    text-align: left;
  }

  .row:nth-child(even) {
    background:#f1f0f0;
  }

  .row {
    clear: both;
    width:100%;
    height: 25px;
  }
}



@media screen and (max-width : 1099px){
  
  .container {
    width:100%;
    text-align: center;
  }

  .container img {
    display: block;
    margin:20px auto;
  }

  h1 {
    text-align: center;
  }

  form {
    width:50%;
    margin:0 auto 20px;
  }

  input[type="text"], input[type="number"] {
    padding: 5px;
    font-family: 'Open Sans', sans-serif
    font-size 14pt;
    margin-bottom: 10px;
    border:solid 1px #cdcdcd; 
  }

  input[type="submit"] {
    background: #0c479d;
    color: white;
    text-align: center;
    border:solid 1px #0c479d;
    border-radius: 4px;
    padding:5px 10px;
    cursor: pointer;
  }

  .order-info {
    width:80%;
    margin:0 auto;
    text-align: left;
    padding:20px;
    /*border:solid 1px #cdcdcd;*/
  }

  .title {
    padding:2px;
    text-align: left;
  }

  .value {
    padding:2px;
    text-align: left;
    /*margin-bottom: 15px;*/
  }

  .row:nth-child(even) {
    background:#f1f0f0;
    padding:10px 0px;
  }

  .row {
    clear: both;
    width:100%;
    /*height: 25px;*/
  }

}