html, body {
    margin:0;
    padding:0;
}

#available-hero {
    height: 100vh;
    object-fit: cover;
    object-position: bottom;
}

#footimage img {
    display: block;
}

.column-width{
    grid-template-columns:auto 8% 8% 26% 8% auto;
    text-align:left;
    display:flex;
    align-items: center;
}

span.remove{
    display:none;
}
.title1, .title2, .title3, .title4{
    /* font-size:1em; */
    font-family: Raleway, sans-serif;
}

.suite1, .suite2, .suite3, .suite4{
    /* font-size:1.5em; */
    font-family: Raleway, sans-serif;
}

#pdf{
    height:30px;
}

#matterportimg{display:none;}

.title-container{
    display:grid;
    border:1px solid gray;
    padding:20px;
    text-align:center;
    font-size: 1.2em;
    background-color:#8AADB7;
    color:white;
    font-weight:700;
}

.title1{
    grid-area: 1 / 2;
    text-align:left;

}
.title2{
    grid-area: 1 / 3;
    text-align:left;
}
.title3{
    grid-area: 1 / 4;
    text-align:left;
}
.title4{
    grid-area: 1 / 5;
    text-align:left;
    display:flex;
    justify-content: center;
}

.suite-container{
    display:grid;
    text-align:center;
    /* font-size: .8em; */
    background-color:white;
    color:black;
    border-bottom: 1px solid lightgray;
    padding: 30px;
}

.suite1{
    grid-area: 1 / 2;

}
.suite2{
    grid-area: 1 / 3;

}
.suite3{
    grid-area: 1 / 4;

}
.suite4{
    grid-area: 1 / 5;
    align-items:center;
    justify-content: center;
}

#avail-blue-ruler {
    /* grid-area: avail-blue-ruler; */
    /* width: 100%; */
    background-color: #6F9AA7;
    margin: 0;
    padding: 10px 5%;
}

#avail-blue-ruler a{

    color: white;
    text-decoration: none;
}

.avail-table-transition {
    transition: .4s;
}


@media only screen and (max-width: 360px) {
    .downloader{grid-template-columns: auto;}
    .dl1{grid-area:1 / 1;}
    .dl2{grid-area:2 / 1;padding-top:40px;}
    div.title2, div.title3, div.title4{display:none;}
    .column-width{grid-template-columns:auto;};
    div.title1{grid-area: 1 / 1 / span 1 / span 1;text-align:center;}
    span.remove{display:block;}
    .suite1{grid-area: 1 / 2;padding-bottom:20px;}
    span.remove.rem_suite{grid-area: 1 / 1;width: 30%;padding-right:20px;}
    .suite2{grid-area: 2 / 2;padding-bottom:20px;}
    span.remove.rem_sq{grid-area: 2 / 1;width: 30%;padding-right:20px;}
    .suite3{grid-area: 3 / 2;padding-bottom:20px;}
    span.remove.rem_desc{grid-area: 3 / 1;width: 30%;padding-right:20px;}
    .suite4{grid-area: 4 / 2;justify-content:left;}
    span.remove.rem_pdf{grid-area: 4 / 1;width: 30%;padding-right:20px;}
    .suite-container{font-size: .8em;}
}



@media only screen and (min-width: 360px) and (max-width: 760px) {
    .downloader{grid-template-columns: auto;}
    .dl1{grid-area:1 / 1;}
    .dl2{grid-area:2 / 1;padding-top:40px;}
    div.title2, div.title3, div.title4{display:none;}
    .column-width{grid-template-columns:auto;};
    div.title1{grid-area: 1 / 1 / span 1 / span 1;text-align:center;}
    span.remove{display:block;}
    .suite1{grid-area: 1 / 2;padding-bottom:20px;}
    span.remove.rem_suite{grid-area: 1 / 1;width: 30%;padding-right:20px;}
    .suite2{grid-area: 2 / 2;padding-bottom:20px;}
    span.remove.rem_sq{grid-area: 2 / 1;width: 30%;padding-right:20px;}
    .suite3{grid-area: 3 / 2;padding-bottom:20px;}
    span.remove.rem_desc{grid-area: 3 / 1;width: 30%;padding-right:20px;}
    .suite4{grid-area: 4 / 2;justify-content:left;}
    span.remove.rem_pdf{grid-area: 4 / 1;width: 30%;padding-right:20px;}
    .suite-container{font-size: .8em;}
}



@media only screen and (min-width: 760px) and (max-width: 920px) {
    .downloader{grid-template-columns: auto;}
    .dl1{grid-area:1 / 1;}
    .dl2{grid-area:2 / 1;padding-top:40px;}
    div.title2, div.title3, div.title4{display:none;}
    .column-width{grid-template-columns:auto;}
    div.title1{grid-area: 1 / 1 / span 1 / span 1;text-align:center;}
    span.remove{display:block;}
    .suite1{grid-area: 1 / 2;padding-bottom:20px;}
    span.remove.rem_suite{grid-area: 1 / 1;width: 30%;padding-right:20px;}
    .suite2{grid-area: 2 / 2;padding-bottom:20px;}
    span.remove.rem_sq{grid-area: 2 / 1;width: 30%;padding-right:20px;}
    .suite3{grid-area: 3 / 2;padding-bottom:20px;}
    span.remove.rem_desc{grid-area: 3 / 1;width: 30%;padding-right:20px;}
    .suite4{grid-area: 4 / 2;justify-content:left;}
    span.remove.rem_pdf{grid-area: 4 / 1;width: 30%;padding-right:20px;}
    .suite-container{font-size: .8em;}
}

@media only screen and (min-width: 920px) and (max-width: 1280px) {
    .suite4{text-align:center;}
    .column-width{grid-template-columns:auto 10% 10% 30% 15% auto;}
}

@media only screen and (min-width: 1280px) and (max-width: 1450px) {
.suite4{text-align:center;}
}

@media only screen and (min-width: 1450px) and (max-width: 1760px) {
.suite4{text-align:center;}
}

@media only screen and (min-width: 1760px) and (max-width: 2100px) {
.suite4{text-align:center;}
}

@media only screen and (min-width: 2100px) and (max-width: 2400px) {
.suite4{text-align:center;}
}

@media only screen and (min-width: 2400px) and (max-width: 2700px) {
.suite4{text-align:center;}
}

@media only screen and (min-width: 2700px) {
.suite4{text-align:center;}
}