/*html {
    height: auto;
    margin-bottom: 1px;
}*/

.intro {
    text-align:center;
    
    color: #ff8c00;
}

.intro-message {
    
}

.circle-block {
    text-align: center;
    vertical-align: middle;
    display: flex;
}

@media (max-width: 768px) {
    .circle-block {
          display:none;  
    }

    .hidden-load {
        display:block;
    }
}



.circle {
    background: #ffffff;
    border-radius: 200px;
    color: #ff8c00;
    height: 200px;
    font-weight: bold;
    width: 200px;
    display: none;
    margin: 20px auto;

    zoom: 1;
	filter: alpha(opacity=85);
	opacity: 0.85;
}
.circle p {
    vertical-align: middle;
    display: table-cell;
    font-size:xx-large;
}

.image-size-sm > img {
    width: 400px;
    height: 300px;
}

.image-size-md > img {
    width: 640px;
    height: 480px;
}

.image-size-lg > img {
    width: 720px;
    height: 540px;
}

.carousel-border {
    border: 1px solid #e2dad3;
}

.map {
   height: 500px;
}


.column {
  float: left;
  width: 50%;
  padding: 10px;
  /*height: 100px;  Should be removed. Only for demonstration */
}


.row:after {
  box-sizing: border-box;
  content: "";
  display: table;
  clear: both;
}

.inline-logo {
  width:10;
}