* {
  box-sizing: border-box;
}

.alignRight {
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
        flex-direction: column;
        text-align: right;
        align-items: flex-end;
    }

.alignVertical {
        display: flex;
        flex-direction: column;
        resize: vertical;
        overflow: auto;
        vertical-align:middle;
    }

.quote {
    padding: 16px;
  color :  cornsilk; 
  font-family : Baskerville, Georgia, serif; 
  font-style : italic; 
  font-size : 1.2em; 
  line-height : 2em; 
  text-shadow : 0 1px 1px rgba(255, 255, 255, 0.5); 
}

.picInfo {
    padding:20px;
}

.available {

    background-color:#d0f2d1;
}

.slideshow { 
    margin: 50px auto; 
    position: relative;
    width: 100%; 
    max-width: 420px;
    height:auto;
    /*width: 420px; 
    height: 287px;*/ 
    padding: 10px; 
    box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}

/*.slideshow > div { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
}*/


.list1 {width: 34%;}

@media only screen and (min-width: 300px) {
    .list2 {width: 66%; padding-left:10px}
    .list3 {display: none; width: 0%;}
}
@media only screen and (min-width: 768px) {
    .list2 {width: 33%; padding-left:10px}
    .list3 {display: table-cell; width: 100%;}
}

.listRow {
    border-bottom: solid 3px grey;
    cursor:pointer;
}
.listpic {
    width: 100%; 
    max-width: 420px;
    height:auto;
}

.listData {
    vertical-align: middle;
    padding:10px;
    height: auto;
}
.listDataL {
    text-align:center;
}

.listIcon {
    color:cornflowerblue;
}

.mapshow { 
    margin: auto; 
    height: 350px; 
    width: 95%
}

.slide {
    width: 100%;
    height: auto;
}

a.sitebutton {
    display:inline-block;
    padding:0.3em 1.2em;
    margin:0 0.3em 0.3em 0;
    border-radius:2em;
    box-sizing: border-box;
    text-decoration:none;
    font-family:'Roboto',sans-serif;
    font-weight:300;
    color:#FFFFFF;
    background-color:#4eb5f1;
    text-align:center;
    transition: all 0.2s;
}
a.sitebutton:hover{
    background-color:#4095c6;
}
@media all and (max-width:30em){
 a.sitebutton{
    display:block;
    margin: 2em;
    text-align:right;
    }
}


.row::after {
  content: "";
  clear: both;
  display: table;
}

[class*="col-"] {
  float: left;
  padding: 5px;
}

html {
  font-family: "Lucida Sans", sans-serif;
  color: #444444;
}



.subBlock {
  margin-left: 10px;
  margin-right: 6px;
}

.block {
  text-shadow:none;
  background-color: #444444;
  color: #eeeeee;
  padding: 10px;
  margin: 1px;
}

.container {
    display: inline-table;
    padding:10px;
}

.containerL {
    min-width: 100px;
    display: table-cell;
    vertical-align: middle;
    padding:10px;
    text-align: center;
}

.containerR {
    display: table-cell;
    vertical-align: middle;
    padding:10px;
}

.core {
  color: #444444;
  background-color:white;
  text-shadow:none;
}

.core2 {
  color: #eeeeee;
  background-color:#444444;
  text-shadow:none;
}



.head {
    font-size: 1.5em;
    font-weight:700;
    text-align:center;
    padding-top:10px;
    padding-bottom:10px;
}

.homePicy {
  font-size: 1.5em;
  color: #4eb5f1;
  display:block;
  position:absolute; 
  left: 1px;
  top:auto; 
}
.headPad {
  padding-left:50px;
}

.picy {
  font-size: 3em;
  color: #808080;
}

.picy2 {
  color:burlywood;
}
.picy3 {
  margin-left:5px;
}

.alert {
  color:brown;
  font-weight:700;
}
.alertPicy {
  color:brown;
  font-size:2em;
}

.shout {
  font-weight:700;
  font-size:1.5em;
}

.title {
    display:block;
  font-weight:700;
  font-size: 1.2em;
}

.text {
    padding-left:15px;
}
.panel1 {
    background-color:khaki; 
    color:#444444; 
    text-shadow:none;
}

/* For mobile phones: */
[class*="col-"] {
  width: 100%;
}
.showTip {
    display:none;
}

@media only screen and (max-width: 600px) {
    .showTip {display:block;} 
}

.showIntro {
    display:block;
    text-align:justify;
    margin-left: 2em;
    margin-right:2em;
}



@media only screen and (max-width: 600px) {
    .showIntro {display:none;} 
}
@media only screen and (max-width: 900px) {
    .showSecondPicy {display:none;} 
    .col-a-12 {width: 100%;}
}
@media only screen and (min-width: 901px) {
    .col-a-12 {width: 50%;}
}
@media only screen and (min-width: 600px) {
  /* For tablets: */
  .col-s-1 {width: 8.33%;}
  .col-s-2 {width: 16.66%;}
  .col-s-3 {width: 25%;}
  .col-s-4 {width: 33.33%;}
  .col-s-5 {width: 41.66%;}
  .col-s-6 {width: 50%;}
  .col-s-7 {width: 58.33%;}
  .col-s-8 {width: 66.66%;}
  .col-s-9 {width: 75%;}
  .col-s-10 {width: 83.33%;}
  .col-s-11 {width: 91.66%;}
  .col-s-12 {width: 100%;}
}
@media only screen and (min-width: 768px) {
  /* For desktop: */
  .col-1 {width: 8.33%;}
  .col-2 {width: 16.66%;}
  .col-3 {width: 25%;}
  .col-4 {width: 33.33%;}
  .col-5 {width: 41.66%;}
  .col-6 {width: 50%;}
  .col-7 {width: 58.33%;}
  .col-8 {width: 66.66%;}
  .col-9 {width: 75%;}
  .col-10 {width: 83.33%;}
  .col-11 {width: 91.66%;}
  .col-12 {width: 100%;}
}