@charset "utf-8";
/* CSS Document */

a {text-decoration:none}
a:hover {text-decoration: underline}

body {
  float: left;
  width: 99.4%;
  min-width: 99.4%;
  max-width: 99.4%;
  height: 100%;
  background-image: url('images/bg/AdobeStock_44964147.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
  
img {
  overflow: hidden;
}

#Header {   
  float: left;
  width: 99%;      
  margin-left: auto;
  margin-right: auto;
}

#column1 {
  display: inline-block;
  width: 34%;            
  height: auto; 
  margin-left: auto;
  margin-right: auto; 
  vertical-align:top;          
}

#column2 {
  display: inline-block;
  width: 32%;       
  height: auto;
  margin-left: auto;
  margin-right: auto;
  vertical-align:top;
 }
 
#column3 {
  display: inline-block;
  width: 33%;            
  height: auto;
  margin-left: auto;
  margin-right: auto;
  vertical-align:top;
 }

.Widget {
  margin: 25px;
  margin-left: auto;
  margin-right: auto;
  max-width: 95.5%;
  box-shadow: 3px 3px 8px hsla(0,0%,0%,0.5);
  overflow: hidden;
  border-radius: 7px;	
}

.WidgetBody {
  font-family: sans-serif;
  min-height: 300px;
  height: auto;
  background-color: hsla(0,0%,100%,.9);
  margin-left: auto;
  margin-right: auto;	
}

#Footer {      
  float: left;
  width: 99%;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  min-height: 140px;
}

.overlay {
background:transparent;
position:relative;
width:100%; /* your iframe width */
height:55vh; /* your iframe height */
top:55vh; /* your iframe height */
margin-top:-55vh; /* your iframe height */
}


/************* YouTube *************/

.YouTube {
    position: relative;
    padding-bottom: 56.25%; /* ratio for youtube embed */
    overflow: hidden;  
}

.YouTube iframe,
.YouTube object,
.YouTube embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 101%;
    height: 101%;
}


/************* Small Screens *************/

@media (min-width: 0px) and (max-width: 1400px) {
	
body {
  width: 98%;
  min-width: 98%;
  max-width: 98%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center top;
  /*background-color: #333;
  background-image:none;*/
}

#Header {   
  width: 100%;      
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  height: 0px;
}

#column1 {
  width: 99%;            
  height: auto; 
  margin-left: auto;
  margin-right: auto; 
            
}

#column2 {
  width: 99%;            
  height: auto;
  margin-left: auto;
  margin-right: auto;
  
 }
 
#column3 {
  width: 99%;            
  height: auto;
  margin-left: auto;
  margin-right: auto;
 
 }

#column4 {
  width: 99%;            
  height: auto; 
  margin-left: auto;
  margin-right: auto;   
     
}
	
.Widget {   
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  max-width: 95.5%;
  box-shadow: 3px 3px 8px hsla(0,0%,0%,0.5);
  overflow: hidden;
  border-radius: 7px;	
}
	
#Footer {      
  width: 99%;
  margin: 0px;
  margin-left: auto;
  margin-right: auto;
  height: 0px;
}

}