﻿body {
}
.Main-Container {
    margin: 0 auto;
    padding-top: 1px;
    max-width: 1500px;
    width: 100%;
    text-align: center;
    height:740px;
    background-color: aliceblue;
}

.footer {
  position:relative; 
  bottom:0; 
  width:100%; 
  height:65px; 
  background: black;
  -webkit-text-fill-color: aliceblue;
  text-align:center;
}
.verticalLine {
    border-left: thin solid;
    height: 140px;
}
.horizontalLine {
    border-top:thin solid;
}

.labelSize {
    font-size: 1.4vw;
}

/* Create three equal columns that floats next to each other */
.column1 {
  float: left;
  width: 400px;
  padding: 10px;
  height: 300px; /* Should be removed. Only for demonstration */
}
.column2 {
  border-left:thin solid;
  float: left;
  width: 400px;
  padding: 10px;
  height: 300px; /* Should be removed. Only for demonstration */
}

.button{
    border-radius: 8px;
    width:135px;
}
/* Modal Window */
.modalBackground {
    background-color: Black;
    filter: alpha(opacity=90);
    opacity: 0.8;
}

.modalPopup {
    background-color: #FFFFFF;
    border-width: 3px;
    border-style: solid;
    border-color: black;
    padding-top: 10px;
    padding-left: 10px;
    width: 300px;
    height: 140px;
}


/* Clear floats after the columns */
/*.row:after {
  content: "";
  display: table;
  clear: both;
}*/