/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
   */

   /* HTML5 display-role reset for older browsers */
   article, aside, details, figcaption, figure, 
   footer, header, hgroup, menu, nav, section {
    display: block;
  }
  body {
    line-height: 1;
  }

  body {
  background-image: url("https://cdn.inspirationhut.net/wp-content/uploads/2013/05/201.png");
}


::selection {
    background-color: #D4E5F3;
    color: #fff;
}

/*Heading Styles*/
title {
  color: #2F84A8;
}

h1 {
  text-align: center;
}

h2 {
  text-align: left;
  color: #185D6D;
  font: helvetica;
}

p {
  text-align: center;
}


/*Table Style*/

table.GeneratedTable {
  width: 50%;
  background-color: #ffffff;
  border-collapse: collapse;
  border-width: 3px;
  border-color: #185D6D;
  border-style: solid;
  color: #000000;
}

table.GeneratedTable td, table.GeneratedTable th {
  border-width: 3px;
  border-color: #185D6D;
  border-style: solid;
  padding: 3px;
}

.dropbtn {
  color: grey;
  padding: 10px 500px;
  font-size: 32px;
  border: solid;
}

/*Navigation bars*/
.topnav {
  background-color: #729593;
  overflow: hidden;
}

.vtopnav {
  background-color: #C9DDDC;
  overflow: hidden;
}
.vtopnav a {
  float: right;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.vtopnav a:hover {
  background-color: #185D6D;
  color: white;
}

.vtopnav a.active {
  background-color: #185D6D;
  color: white;
}

.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 20px;
  font-family: helvetica;
}


.topnav a:hover {
  background-color: #ddd;
  color: black;
}


.topnav a.active {
  background-color: #185D6D;
  color: white;
  font-family: helvetica;
}

/*Logo in vnav*/
.logo-img{
    float: left;
    position: relative;
}


/*Scale the bottom image on each page*/
{
 margin: 0;
 padding: 0;

}

.imgbox {
  display: grid;
   height: 100%;
}

.center-fit {
  max-width: 100%;
  max-height: 100vh;
  margin: auto;
        }

.left-fit {
  max-width: 100%;
  max-height: 50vh;
  margin-left: -100px;
}


/* Style for the contact form on the about page*/
input[type=text], select, textarea {
  width: 100%; /* Full width */
  padding: 12px; /* Some padding */  
  border: 1px solid #ccc; /* Gray border */
  border-radius: 4px; /* Rounded borders */
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  margin-top: 6px; /* Add a top margin */
  margin-bottom: 16px; /* Bottom margin */
  resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

/* Style for submit button */
input[type=submit] {
  background-color: #185D6D;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-family: helvetica;
  font-size: 16px;
}

/* Make the submit button appear pressed down */
input[type=submit]:hover {
  background-color: #0E363F;
}

/* Background format for the form */
.container {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
  font-family: helvetica;
  font-size: 16px;
}

/*Formatting for text logo on all pages*/
.textlogo {
    font-family: 'Helvetica';
    font-style: bolder;
    color: #185D6D;
    font-size: 40px;
    text-shadow: 4px 2px #ffffff;
    text-align: left;
    padding: 20px;
}
/* Font format for paragraph text*/
.helvetica {
  font: helvetica;
  color: #34373A;
  font-size: 30px;
  text-align: center;
  border: solid;
  background: white;
  padding: 20px;
  border-radius: 100px;
}

.trebuchet {
  font: Trebuchet MS;
  color: #185D6D;
}

.alignleft {
  text-align: left;
}

/*formatting pictures for portfolio page*/
.picsleft {
  float: left;
  padding-right: 4px;
}

.picscenter {
  float: center;
  padding-right: 2px;
}

 .picsright {
    float: right;
  }

/*price sheet*/
* {
  box-sizing: border-box;
}

.columns {
  float: left;
  width: 33.3%;
  padding: 8px;
}

.price {
  list-style-type: none;
  border: 1px solid #eee;
  margin: 0;
  padding: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.price:hover {
  box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)
}

.price .header {
  background-color: #185D6D;
  color: white;
  font-size: 25px;
}

.price li {
  border-bottom: 1px solid #eee;
  padding: 20px;
  text-align: center;
}

.price .grey {
  background-color: #fff;
  font-size: 20px;
}

.button {
  background-color: #185D6D;
  border: none;
  color: white;
  padding: 10px 25px;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
}

@media only screen and (max-width: 600px) {
  .columns {
    width: 100%;
  }
}
/*=========================================
    Main Styles
    =========================================*/
    body {
      font-family: arial;
    }

    .container {
      width: 989px;
      margin: 0 auto;
    }

    .footer {
      text-align: center;
    }