* {
	box-sizing: border-box;
}
body {
    background-color:#FFFFFF;
    font-family:Arial, Helvetica, sans-serif;
    margin:0;
}
p {
    text-align:center;
    color:black;
    grid-column:4/6;
    align-content:center;
}
.indexplan {
    grid-column:3/9;
    display:block;
    width:1200px;
    height:auto;
    justify-content:center;

}
main {
    display:block;
    background-color:white;
    margin:10px;
    grid-column:3/9;
    grid-row:1/2;
}
header {
    color:white;
    font-family:Georgia, 'Times New Roman', Times, serif;
}
header h1 {
    color:white;
    font-family:Georgia, 'Times New Roman', Times, serif;
}
#wrapper {
    display:grid;
    grid-auto-rows: minmax(0px,auto);
    grid-template-columns: minmax(0px, 0.3fr) repeat(6, minmax(0, 175px)) minmax(0px, 0.3fr);
}
#blackbar {
    background-color:#1B1A1A;
    color:white;
    width:257px;
}
#hometext {
    grid-column:3/9;
    justify-content:center;
    margin:10px;
}
#aclog {
    grid-column:4/5;
    align-content:center;
    color:black;
}
#acsign {
    grid-column:5/6;
    align-content:center;
    color:black;
}
a {
    color:white;
    font-size:50px;
    text-align:center;
    justify-content:center;
    align-self:center;
    text-decoration:none;
    display:flex;
}
#info {
    grid-column:3/9;
    justify-content:center;
    text-align:center;
}
.talanpic {
    display:block;
    grid-column:3/12;
    width:500px;
    height:auto;
}
.plans {
    height:auto;
    width:500px;
}
#pacc {
    grid-column:3/9;
    grid-row:1;
    justify-content:center;
}
.backplan {
    background-image: url("plans.jpg");
}
#planz {
    grid-column:3/9;
    height:500px;
}
.plansplan {
    grid-column:3/9;
    justify-content:center;
    height:auto;
    width:1000px;
}
a:hover {
    background-color:grey;
    width:257px;
    display:block;
    height:60x;
    text-decoration:none;
}
.button {
    color:black;
    grid-column:6;
    width:500x;
    justify-content:center;
    height: 10em;
    display: flex;
    align-items: center;
}
a.button:hover {
    color:black;
    width: 90%;
    justify-content:center;
    display: flex;
    align-items: center;
    grid-column:3/9;
    text-decoration:none;
    background-color:grey;
}

img {
    width:200px;
    height:200px;
    align-items:center;
}
.plansplan {
    height:auto;
}
.center {
    display:block;
    margin-left:auto;
    margin-right:auto;
}
.line {
    border-left: 100px solid;
    height: 90px;
    color:#1B1A1A;
}
footer {
    color:white;
    background-color:darkslategrey;
    height: 100px;
    padding:10px;
    margin:0px;
    text-align:center;
}

.line2 {
    border-left: 257px solid;
    height: 10px;
    color:grey;
}
@media only screen and (min-width: 992px){
    .dropbtn {
        background-color: darkslategrey;
        color: white;
        padding: 16px;
        font-size: 16px;
        border: none;
        display:none;
      }
}
@media only screen and (max-width: 992px){
 .center {
     display:none;
 }
 .line { display:none;}
 .line2 {display:none;}
header {
    display:none;
}
.plansplan {
    grid-column:1/9;
    justify-content:center;
    height:auto;
    width:300px;
}
#info {
    grid-column:3/9;
    justify-content:center;
    text-align:center;
}
.talanpic {
    display:block;
    grid-column:3/12;
    width:300px;
    height:auto;
}
button {
    height:50px;
    grid-column:7;
    align-self:center;
    align-self:end;
    color:black;
 }
#aclog {
    grid-column:4/5;
    align-content:center;
}
#acsign {
    grid-column:5/6;
    align-content:center;
}
main {
    display:block;
    background-color:white;
    margin:10px;
    grid-column:2/9;
    grid-row:1/2;
}
#blackbar {
    background-color:#1B1A1A;
    color:white;
    width:0px;
}
button:hover {
    background-color:grey;
    width:100px;
    height:60px;
    display:block;
    text-decoration:none;
    grid-column:5;
}
a:hover {
    background-color:grey;
    width:181px;
    display:block;
    height:60x;
    text-decoration:none;
    align-self:center;
    justify-content:center;
    align-items:center;
    grid-column:3;
}
.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
  }
  .dropdown {
    position: relative;
    display: inline-block;
  }
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
  }
  .button {
    height:50px;
    color:black;
    grid-column:3/9;
    width:250x;
    justify-content:center;
}

  .dropdown-content a:hover {background-color: #ddd;}
  .dropdown:hover .dropbtn {background-color: darkslategrey;}
  .dropdown:hover .dropdown-content {display: block;}
  .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }
  .indexplan {
    grid-column:1/9;
    display:block;
    width:400px;
    height:auto;
    justify-content:center;

}
}

@media only screen and (max-width:768px) {

 .button {
    height:50px;
    grid-column:7;
    align-self:center;
    align-self:end;
 }
 .indexplan {
    grid-column:1/9;
    display:block;
    width:400px;
    height:auto;
    justify-content:center;

}
 a.button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;

    text-decoration: none;
    color: initial;
    text-align:center;
    grid-column:3/7;
}
a.button:hover {
    text-decoration:none;
    background-color:none;
    width:auto;
}
#accountinfo {
    justify-content:center;
    grid-column:3/8
}
 #blackbar {
    background-color:#1B1A1A;
    color:white;
    width:0px;
}
main {
    display:block;
    background-color:white;
    margin:10px;
    grid-column:2/9;
    grid-row:1/2;
}
.center {
    display:none;
}
.line { display:none;}
.line2 {display:none;}
header {
   display:none;
}
a:hover {
    background-color:grey;
    width:181px;
    display:block;
    height:60x;
    text-decoration:none;
}
.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
  }
  .dropdown {
    position: relative;
    display: inline-block;
  }
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
  }
  .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }
  .button {
    height:50px;
    color:black;
    grid-column:3/9;
    width:250x;
    justify-content:center;
}

  .dropdown-content a:hover {background-color: #ddd;}
  .dropdown:hover .dropbtn {background-color: darkslategrey;}
  .dropdown:hover .dropdown-content {display: block;}
}