@media all and (min-width: 1400px) {
    
        #s3slider {
    width: 100%; /* important to be same as image width */
    height: 400px; /* important to be same as image height */
    position: relative; /* important */
    overflow: hidden; /* important */
}
 
#s3sliderContent {
    width: 100%; /* important to be same as image width or wider */
    height:400px;
    position: absolute; /* important */
    top: 0; /* important */
    margin-left: 0; /* important */
}
 
.s3sliderImage {
    float: left; /* important */
    position: relative; /* important */
    display: none; /* important */
    width:100%;
    height:400px;
}

}

/* LESS THAN 700PX WIDTH */

@media all and (max-width: 1100px) {


#body_float
{
height:auto;
width:100%;
}

#menu_wrap
{
height:auto;
}



#menu_float
{
width:100%;
height:auto;
margin:0;

}

#logo_wrap
{
width:100%;
margin:0;
height:50px;
top:0;
position:relative;
float:left;
}


#logo_wrap img
{
width:auto;
height:50px;
left:10px;
}

.menu-button
{
    position:absolute;
    top:0;
    right:0;
    height:50px;
    width:50px;
    line-height:50px;
    z-index:9000;
    display:block;
}

.menu-button i
{
    position:absolute;
    top:0;
    padding:10px;
    cursor:pointer;
}

.social-buttons
{
    right:50px;
    margin-left:150px;
    height:50px;
    overflow:hidden;
    visibility:hidden;
}

#nav_wrap
{
width:100%;
height:0;
top:0;
left:0;
margin-top:0;
margin:0;
position:relative;
float:left;
    -webkit-transition: height linear 0.4s;
    -moz-transition: height linear 0.4s;
    -o-transition: height linear 0.4s;
    transition: height linear 0.4s;
}

#nav_wrap a
{
height:40px;
width:100%;
position:relative;
float:left;
z-index:1000;
text-align:left;    
font-size:1.4em;
line-height:40px;
font-family: 'Adamina', serif;
padding-left:15px;
}
/*
.menu-button:hover + #nav_wrap
{
height:160px;
}

#nav_wrap:hover
{
height:160px;
}
*/
.image-slider p
{
height:auto;
line-height:30px;
font-size:1em;
padding-left:20px;
padding-right:20px;
width:auto;
}

.image-slider img
{
width:100%;
height:auto;
}


    #s3slider {
    width: 100%; /* important to be same as image width */
    height: 300px; /* important to be same as image height */
    position: relative; /* important */
    overflow: hidden; /* important */
}
 
#s3sliderContent {
    width: 100%; /* important to be same as image width or wider */
    height:300px;
    position: absolute; /* important */
    top: 0; /* important */
    margin-left: 0; /* important */
}
 
.s3sliderImage {
    float: left; /* important */
    position: relative; /* important */
    display: none; /* important */
    width:100%;
    height:300px;
}
 
.s3sliderImage span {
    position: absolute; /* important */
    font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: auto;
    background-color: #fff;
    filter: alpha(opacity=70); /* here you can set the opacity of box with text */
    -moz-opacity: 0.7; /* here you can set the opacity of box with text */
    -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
    opacity: 0.7; /* here you can set the opacity of box with text */
    color: #000;
    font-size:1em;
    line-height:1.5em;
    display: none; /* important */
}
 
.clear {
    clear: both;
}
    
#home-text
{
    margin:20px;
    width:auto;
}

#home-text p
{
 
}

.page-item
{
height:auto;
width:100%;
margin-top:10px;
}

.page-item h1
{
padding-left:15px;
}

.page-item p
{
font-size:0.8em;
width:100%;
text-align:left;
}
.page-item ul
{
font-size:0.8em;
line-height:1em;
width:auto;
}

.page-item ol
{
font-size:0.8em;
line-height:1em;
width:auto;
}

.page-item-text
{
text-align:left;
}



.page-item-img img
{
height:auto;
width:90px;
}


#info{
    margin-right:2%;
    margin-top:60px;
}

.form{ margin-top:20px;}


}


@media all and (max-width: 700px) {

label
{display:none;}

    .image-slider img
{
width:auto;
height:100%;
}

#foot_wrap
{
padding:0;
}

#foot_float
{
width:90%;
margin:0;
height:20px;
}

#content{
    width:100%;
    margin:0;
}


#contact-form
{
    width:auto; padding:20px;
}

.form{margin:20px; margin-top:40px;}

#info{
    width:auto;
    margin-left:20px;
    float:left;
    
}

.flex-column-third
{
width:100%;
float:left;
display:none;
}

}