/*= STYLES
--------------------------------------------------------*/

html,body {

    width: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
}

h1 {

   font-family: 'Lato', sans-serif;
   text-align: left;
   margin-left: auto; margin-right: auto;
   text-align: left;
   z-index: 1;


}

h2 {

   font-family: 'Lato', sans-serif;
   font-weight: 300;
   font-size: 19px;
   line-height: 27px;
   display: block;
   padding-top: 200px;
   text-align: left;
   margin-left: auto; margin-right: auto;
   margin-top: 10px;
   text-align: left;
   padding: 0;


}

h3 {

  margin-top: 0px;
  margin-bottom: 10px;
  font-family: 'Lato', sans-serif;
  font-weight: 600;
  font-size: 25px;
  color: #7babaf;
  text-align: left;

}

.col {

   float: left;
   width: 450px;
   margin-right: 60px;

}

.col h2 {

   font-style: normal;
   font-family: 'Oswald', sans-serif;
   font-weight: 400;
   font-size: 17px;
   letter-spacing: 5px;
   color: #597b7c;
   text-transform: uppercase;

}

p {

   font-family: 'Lato', sans-serif;
   color: #666666;
   font-size: 14px;
   line-height: 19px;
   margin-bottom: 20px;
   margin-top: 0px;

}

a:link {

   font-family: 'Lato', sans-serif;
   font-weight: 350;
   font-size: 14px;
   margin-top: 0px;
   text-decoration: none;
   color: #809944;
   line-height: 20px;

}

a:visited {

   font-family: 'Lato', sans-serif;
   font-weight: 350;
   font-size: 14px;
   margin-top: 0px;
   text-decoration: none;
   color: #809944;
   line-height: 20px;

}

a:hover {

   text-decoration: none;
   color: #91a5a5;

}

.clear {

   clear: both;

}


/*= HEADER
--------------------------------------------------------*/

#header {

   width: 100%;
   height: 182px;
   position: static;
   background: #f7fcfd;
   z-index: 3;
   opacity: 1;

}

.logo {

   float: left;
   margin-top: 10px;

}

.contact-right {

   float: right;
   width: 500px;
}



.contact-right h1 {

   font-size: 29px;
   margin-bottom: 8px;
   color: #546666;
   margin-top:30px;
   font-weight: 600;
	float: none;
   -webkit-font-smoothing: antialiased;

}

.contact-right a:link {

   color: #7babaf;
   font-size: 18px;
   font-weight: 300;


}

.contact-right a:visited {

   color: #7babaf!important;
   font-size: 18px;

}

.contact-right a:hover {

   color: #546666!important;

}

.contact-right p {

   font-size: 15px;

}

.contact-right .email {

   background: url("../images/email.png") no-repeat scroll center top transparent;
   display: inline-block;
   margin: 0px 5px -5px 15px;
   height: 21px;
   width: 24px;

}

.contact-right .email:hover {

   background-image: url("../images/email-hover.png");

}

.contact-right .phone {

   background: url("../images/phone.png") no-repeat scroll center top transparent;
   display: inline-block;
   margin: 0px 0px -5px 15px;
   height: 21px;
   width: 24px;

}

.contact-right .phone:hover {

   background-image: url("../images/phone-hover.png");

}

.special_button a:link {

    background: #809944;
    padding: 10px;
    color: #fff!important;
    font-size: 14px;
    font-weight: bold;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 4px
}

.special_button a:visited {

    background: #809944;
    padding: 10px;
    color: #fff!important;
    font-size: 14px;
    font-weight: bold;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 4px
}

.special_button a:hover {

    background: #546666

}

.special_button {text-align:center}



/*= NAVIGATION
--------------------------------------------------------*/

#navWrapper {

   background: #e3eff0;
   border-top: 1px solid #ffffff;

}

#nav {

   width: 1050px;
   margin-left: auto;
   margin-right: auto;

}

.nav ul {

   *zoom:1;
   list-style: none;
   margin: 0;
   padding: 0;

}

.nav ul:before,.nav ul:after {

   content:"";
   display: table;

}

.nav ul:after {

   clear: both;

}

.nav ul > li {

   float: left;
   position: relative;

}

.nav a {

   display: block;
   padding: 15px 25px;
   line-height: 1.2em;
   color: #627787;
   font-weight: 400;

}

.nav a:visited {

   display: block;
   padding: 15px 32px;
   line-height: 1.2em;
   color: #627787!important;

}

.nav li:hover {

   text-decoration:none;
   background: rgba(196,218,221,1);
   background: -moz-linear-gradient(top, rgba(196,218,221,1) 0%, rgba(223,235,237,1) 100%);
   background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(196,218,221,1)), color-stop(100%, rgba(223,235,237,1)));
   background: -webkit-linear-gradient(top, rgba(196,218,221,1) 0%, rgba(223,235,237,1) 100%);
   background: -o-linear-gradient(top, rgba(196,218,221,1) 0%, rgba(223,235,237,1) 100%);
   background: -ms-linear-gradient(top, rgba(196,218,221,1) 0%, rgba(223,235,237,1) 100%);
   background: linear-gradient(to bottom, rgba(196,218,221,1) 0%, rgba(223,235,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4dadd', endColorstr='#dfebed', GradientType=0 );
   color:#4b6070;

}

.nav li ul {

   background: #f7fcfd; opacity: 0.95;

}

.nav li ul li {

   width: 270px;

}

.nav li ul a {

   font-size: 14px!important;

}

.nav li ul a:hover {

   background: rgba(196,218,221,1);
   background: -moz-linear-gradient(top, rgba(196,218,221,1) 0%, rgba(223,235,237,1) 100%);
   background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(196,218,221,1)), color-stop(100%, rgba(223,235,237,1)));
   background: -webkit-linear-gradient(top, rgba(196,218,221,1) 0%, rgba(223,235,237,1) 100%);
   background: -o-linear-gradient(top, rgba(196,218,221,1) 0%, rgba(223,235,237,1) 100%);
   background: -ms-linear-gradient(top, rgba(196,218,221,1) 0%, rgba(223,235,237,1) 100%);
   background: linear-gradient(to bottom, rgba(196,218,221,1) 0%, rgba(223,235,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4dadd', endColorstr='#dfebed', GradientType=0 );
   color:#4b6070;


}

.nav li ul {

   position: absolute;
   left: 0;
   top: 46px;
   z-index: 2;

}

.nav li ul li {

   overflow: hidden;
   height: 0;
   -webkit-transition:height 200ms ease-in;
   -moz-transition:height 200ms ease-in;
   -o-transition:height 200ms ease-in;
   transition:height 200ms ease-in;

}

.nav ul > li:hover ul li {

   height: 46px;
   border-bottom: 1px solid #c2d9dc;

}


.sub-nav {margin-bottom: -10px; width: 100%; background: #ffffff; padding: 15px 0px 15px 0px;}
.sub-nav-container {width: 1050px; margin-left: auto; margin-right: auto;}
.sub-nav a:link {color: #91a5a5; padding: 0px 6px 0px 0px; margin-left: 6px;}
.sub-nav a:visited {color: #91a5a5;}
.sub-nav a:hover {color: #809944;}




.container {

   width:1050px;
   margin: 0 auto;

}

.container h2 {

   font-style: normal;
   font-weight: 300;
   color: #546666;
   font-size: 30px;
   text-transform: uppercase;
   text-align: left;

}

.container p {

   text-align: left;
   font-size: 17px;
   font-weight: 300;
   line-height: 27px;
  -webkit-font-smoothing:strong;
}

.btn a:link {

   padding: 12px 35px 12px 35px;
   background: #ffffff;
   text-align: center;
   font-weight: 400;
   font-size: 13px;
   color: #666666;
   letter-spacing: 2px;
   text-decoration: none;

}

.btn a:visited {

   padding: 12px 35px 12px 35px;
   background: #ffffff;
   text-align: center;
   font-weight: 400;
   font-size: 13px;
   color: #666666;
   letter-spacing: 2px;
   text-decoration: none;

}


.blueBtn a:link {

   padding: 12px 35px 12px 35px;
   background: #7babaf;
   text-align: center;
   font-weight: 400;
   font-size: 13px;
   color: #ffffff!important;
   letter-spacing: 2px;
   text-decoration: none!important;

}

.blueBtn a:visited {

   padding: 12px 35px 12px 35px;
   background: #7babaf;
   text-align: center;
   font-weight: 400;
   font-size: 13px;
   color: #ffffff!important;
   letter-spacing: 2px;
   text-decoration: none!important;

}

.blueBtn a:hover {

   background: #b4cc95;

}

.introWrapper {

   margin-top: -342px;
   width: 100%;
   background: #ffffff;
   opacity: 0.94;

}

.introContent {

   width:1050px;
   margin-left: auto;
   margin-right: auto;
   padding: 35px 0px 35px 0px;
   text-align: left;

}

.introImg {float: right; border: 4px solid #ffffff; margin-left: 20px; margin-bottom: 40px;}

.introContent h1 {

   font-style: normal;
   font-weight: 300;
   color: #546666;
   text-transform: uppercase;
   font-size: 40px;
  margin-top: 0px;
   text-align: left;

}


.introContent h2 {

   font-style: normal;
   font-weight: 300;
   color: #546666;
   font-size: 18px;
   text-align: left;

}

.introContent p {
   font-style: normal;
   font-weight: 300;
   color: #546666;
   font-size: 16px;
   line-height: 23px;
   padding-right: 60px;
   text-align: left;
}

.interiorWrapper {

   margin: 0 auto;
   width: 100%;
   background: #fdfcf9;

}

.interiorContent {

   width:1050px;
   margin-left: auto;
   margin-right: auto;
   padding: 50px 0px 60px 0px;

}

.interiorContent a:link {

   text-decoration: underline;
   color: #809944;

}

.interiorContent a:visited {

   text-decoration: underline;
   color: #809944;

}

.interiorContent a:hover {

   text-decoration: underline;
   color: #546666;

}

.interiorContent h2 {

   font-style: normal;
   font-weight: 300;
   color: #597b7c;
   letter-spacing: -1px;
   font-size: 36px;
   line-height: 35px;
   text-align: left;


}

.interiorContent h3 {

   margin-top: 0px;
   margin-bottom: 10px;
   font-family: 'Lato', sans-serif;
   font-weight: 600;
   font-size: 19px;
   color: #597b7c;
   text-align: left;

}

.interiorContent p {

   text-align: left;
   line-height: 23px;
   font-size: 15px;
}

.interiorCol-left {

   float: left;
   margin-right: 40px;
   width: 325px;

}

.interiorCol-right {

   float: left;
   width: 600px;

}

.interiorContent li {

   font-family: 'Lato', sans-serif;
   color: #666666;
   font-size: 14px;
   line-height: 20px;
   margin-bottom: 7px;
   margin-left: -10px;
   list-style-type: square;

}

.row {width: 1050px; float: left; margin-bottom: 20px;}
.amenities-col {width: 300px; float: left; margin-right: 40px;}
.amenities-col-last {width: 300px; float: left;}
.row p {line-height: 19px;}
.row h3 {margin-top: 12px;}


.line {border-bottom: 1px solid #597b7c; margin-bottom: 20px;}

.imgRight {

   float: right;
   margin-left: 40px;
   margin-bottom: 40px;

}

.imgLeft {

   float: left;
   margin-right: 40px;
   margin-bottom: 40px;

}

.interiorWrapper-2 {

   margin: 0 auto;
   width: 100%;
   background: #ffffff;


}

.interiorContent-2 {

   width:1050px;
   margin-left: auto;
   margin-right: auto;
   padding: 30px;

}

.interiorContent-2 a:link {

   text-decoration: underline;
   color: #809944;

}

.interiorContent-2 a:visited {

   text-decoration: underline;
   color: #809944;

}

.interiorContent-2 a:hover {

   text-decoration: underline;
   color: #546666;

}

#why-banner {

	background: #000000 url(../images/why-we-chose-augustana-care-banner.jpg);
	color: #fff;
	height: 319px;
	margin: 0px 0px 0px 0px;
	background-size: cover;

}

#dining-banner {

	background: #000000 url(../images/dining-banner.jpg);
	color: #fff;
	height: 319px;
	margin: 0px 0px 0px 0px;
	background-size: cover;

}


#map {border-top: 5px solid #ffffff; width: 100%; float: right;}


.homeBoxes {margin-bottom: 20px;}
.homeBoxes h1 {color: #546666; font-size: 20px; text-align: left; letter-spacing: 0px; letter-spacing: 0px; margin-top: 0px; margin-bottom: 3px;}
.homeBoxes p {margin-top: 0px; font-size: 14px; line-height: 18px; }
.homeBoxes a:link {color: #546666!important; text-decoration: none; font-size: 12px; display: block;}
.homeBoxes a:visited {color: #546666!important; letter-spacing: 1px; color: #ffffff; text-decoration: none; font-size: 12px; display: block;}
.homeBoxes a:hover {}

.homeBoxImg {float: left; padding: 0px; margin-right: 15px; margin-top: 15px;}
.homeBoxText {float: left; width: 280px; text-align: left;}

.homeBox1 {float: left; width: 475px; min-height: 200px; padding-right: 35px;}
.homeBox2 {float: right; width: 480px; min-height: 200px;}


.eventsBox1 {float: left; width: 450px; min-height: 200px; padding-right: 15px;}
.eventsBoxImg {float: left; padding: 0px; margin-right: 15px; margin-top: 15px;}
.eventsBoxText {float: left; width: 150px; text-align: left;}


.homeBoxes-test {margin-bottom: 20px;}
.homeBoxes-test h1 {color: #546666; font-size: 20px; text-align: left; letter-spacing: 0px; letter-spacing: 0px; margin-top: 0px; margin-bottom: 3px;}
.homeBoxes-test p {margin-top: 0px; font-size: 14px; line-height: 18px; }
.homeBoxes-test a:link {color: #546666!important; text-decoration: none; font-size: 12px; display: block;}
.homeBoxes-test a:visited {color: #546666!important; letter-spacing: 1px; color: #ffffff; text-decoration: none; font-size: 12px; display: block;}
.homeBoxes-test a:hover {}

.homeBoxImg-test {float: left; padding: 0px; margin-right: 15px; margin-top: 15px;}
.homeBoxText-test {float: left; width: 180px; text-align: left;}

.homeBox1-test {float: left; width: 575px; min-height: 200px; padding-right: 35px;}
.homeBox2-test {float: right; width: 480px; min-height: 200px;}
.homeBoxText-2 {float: left; width: 380px; text-align: left;}


.eventsBox1-test {float: left; width: 350px; min-height: 200px; padding-right: 0px;}
.eventsBox1-test h2 {margin-bottom: 15px; font-size: 32px;}
.eventsBox1-test p {margin-bottom: 2px;}
.eventsBoxImg-test {padding: 0px; margin-right: 15px; margin-top: 15px;}
.eventsBoxText-test {width: 275px; text-align: left;}

.interiorWrapper .pinnacle{
   text-align: center;
}
.interiorWrapper .pinnacle img{
   width: 41%;
}

.interiorWrapper .teacher{
   text-align: center;
}
.interiorWrapper .teacher img{
   width: 84%;
}


/*= SLIDES STYLING
--------------------------------------------------------*/


#main {

   background: url(../images/main-img.jpg) 50% 0 no-repeat fixed;
   color: #fff;
   height: 978px;
   background-size: cover;
}

#mainHero {width: 1050px; margin: auto; padding-top: 200px;}

#main h1 {

   font-family: 'Lato', sans-serif;
   font-weight: 300;
   font-size: 55px;
   line-height: 47px;
   display: block;
   text-align: left;
   margin-left: auto; margin-right: auto;
   margin-top: 0px;
   margin-bottom: 8px;
   padding: 0;
   z-index: 1;

}

#main h2 {

   width: 50%;
   float: left;
   font-size: 25px; line-height: 28px;

}

#rosemount {

   background: url(../images/rosemount-bg.jpg) 50% 0 no-repeat fixed;
   color: #fff;
   height: 425px;
   background-size: cover;
}

#lobby {

   background: #000000 url(../images/lobby.jpg) no-repeat center center fixed;
   background-position: center bottom !important;
   color: #fff;
   height: 500px;
   margin: 0px 0px 0px 0px;
   background-size: cover;

}

.herotext {padding-top: 150px; width: 1050px; margin-left: auto; margin-right: auto;}
.herotext p {line-height: 25px; color: #54666; font-size: 17px; font-weight: 300;}
.herotext h1 {font-size: 45px; color:#666!important; font-weight: 600;}

#welcome {

   background: url(../images/bg.jpg) repeat;
   color: #333333;

   padding: 45px 0px 60px 0px;
   -webkit-box-shadow: 0px 4px 11px -6px rgba(0,0,0,0.5);
   -moz-box-shadow: 0px 4px 11px -6px rgba(0,0,0,0.5);
   box-shadow: 0px 4px 11px -6px rgba(0,0,0,0.5);

}

.welcomeImg {float: left; margin-right: 30px; margin-bottom: 20px;}

#dedicated {

   background: url(../images/bg.jpg) repeat;
   color: #333333;
   padding: 65px 0;

}

#living-options {

   background: url(../images/greenbg.jpg) repeat;
   color: #333333;
   height: 100%;
   width: 100%;
   border-top: 3px solid #ffffff;
   padding: 65px 0px 65px 0px;
   float: left;

}

#living-options h2 {

   color: #e3eff0;

}

#living-options p {

   color: #e3eff0;

}


.interiorContentWrapper-3 {

   background: url(../images/greenbg.jpg) repeat;
   color: #333333;
   height: 100%;
   width: 100%;
   padding: 45px 0px 45px 0px;
   float: left;

}

.interiorContent-3 {

   width:1050px;
   margin: 0 auto;
   text-align: left;

}

.interiorContent-3 p {

   color: #e3eff0; font-size: 17px; -webkit-font-smoothing: antialiased;

}

.interiorContent-3 h2 {

   margin-top: 0px;
   margin-bottom: 30px;
   font-style: normal;
   font-family: 'Oswald', sans-serif;
   font-weight: 400;
   font-size: 22px;
   letter-spacing: 5px;
   color: #ffffff;
   text-transform: uppercase;
   -webkit-font-smoothing: antialiased;

}

.interiorContent-3 li {

   font-family: 'Lato', sans-serif;
   color: #ffffff;
   font-size: 16px;
   margin-bottom: 10px;
   -webkit-font-smoothing: antialiased;

}

.interiorContent-3 ul {

   margin-bottom: 30px;

}

#slide6 {

   background-color: #edf5f6;
   color: #333333;
   height: 320px;
   padding: 30px 0px 0px 0px;

}

.featured-image-interior {
   background: no-repeat center;
   background: url(../images/about-banner.jpg);
   width: 100%;
   height: 250px;
   background-size: cover;
   display: table;
   -webkit-font-smoothing: antialiased;

}
.rosemont--host{
   /*width: 100%;*/
   /*height: 556px;*/
   /*background-size: cover;*/
   /*background-repeat: no-repeat;*/
   /*background-position: center;*/
   /*display: table;*/
   /*-webkit-font-smoothing: antialiased;*/
   /*background: url(../images/the_rosemount.jpg);*/
   text-align: center;
}
.rosemont--host img{
   width: 52%;
}

.featured-image-contact {
   background: no-repeat center;
   background: url(../images/contact-banner.jpg);
   width: 100%;
   height: 250px;
   background-size: cover;
   display: table;
   -webkit-font-smoothing: antialiased;

}

.featured-image-life {

   background: no-repeat center;
   background: url(../images/life-banner.jpg);
   width: 100%;
   height: 250px;
   background-size: cover;
   display: table;
   -webkit-font-smoothing: antialiased;

}


.featured-image-resources {

   background: no-repeat center;
   background: url(../images/resources-banner.jpg);
   width: 100%;
   height: 250px;
   background-size: cover;
   display: table;
   -webkit-font-smoothing: antialiased;

}


.featured-image-living {

   background: no-repeat center;
   background: url(../images/living-options-banner.jpg);
   width: 100%;
   height: 250px;
   background-size: cover;
   display: table;
   -webkit-font-smoothing: antialiased;

}

.featured-image-living-independent {

   background: no-repeat center;
   background: url(../images/banner/rosemount-model-unit-2.jpg);
   background-position: 50% 50%;
    background-repeat: no-repeat;
   width: 100%;
   height: 250px;
   background-size: cover;
   display: table;
   -webkit-font-smoothing: antialiased;

}

.featured-image-living-assisted {

   background: no-repeat center;
   background: url(../images/banner/rosemount-dining-1.jpg);
   background-position: 50% 50%;
    background-repeat: no-repeat;
   width: 100%;
   height: 250px;
   background-size: cover;
   display: table;
   -webkit-font-smoothing: antialiased;

}

.featured-image-care-suites {

   background: no-repeat center;
   background: url(../images/banner/rosemount-family-lounge.jpg);
   background-position: 50% 50%;
    background-repeat: no-repeat;
   width: 100%;
   height: 250px;
   background-size: cover;
   display: table;
   -webkit-font-smoothing: antialiased;

}

.featured-image-memore-care {
   background: no-repeat center;
   background: url(../images/banner/rosemount-mc-2.jpg);
   background-position: 50% 50%;
    background-repeat: no-repeat;
   width: 100%;
   height: 250px;
   background-size: cover;
   display: table;
   -webkit-font-smoothing: antialiased;
}

.featured-image-rehabilitation {
   background: no-repeat center;
   background: url(../images/banner/rosemount-lobby-2.jpg);
   background-position: 50% 50%;
    background-repeat: no-repeat;
   width: 100%;
   height: 250px;
   background-size: cover;
   display: table;
   -webkit-font-smoothing: antialiased;
}

.featured-image-mobility-impared {
   background: no-repeat center;
   background: url(../images/living-options-banner.jpg);
   background-position: 50% 50%;
    background-repeat: no-repeat;
   width: 100%;
   height: 250px;
   background-size: cover;
   display: table;
   -webkit-font-smoothing: antialiased;
}

.featured-image-interior-text h1 {

   font-family: 'Lato', sans-serif;
   margin-left: auto;
   margin-right: auto;
   font-weight: 900;
   color: #ffffff;
   margin-top: 200px;
   font-size: 55px;
   line-height: 44px;
   width: 1050px;
   -webkit-font-smoothing: antialiased;

}
.rosemount-text h1{
   margin-top: 20px;
}

.single-pinnacle img{
   width: 20%;
}

.single-teacher img{
   margin-top: 20px;
   width: 58%;
}

.interiorWrapper p .alignright{
   float: right;
   margin: 0 0 1em 1em;
   width: 40%;
}


/*= FLOOR PLANS STYLING
--------------------------------------------------------*/

.floor-plans-row {float: left; width: 1050px; margin-bottom: 15px; margin-top: 15px;}
.floor-plans-col {float: left; text-align: center; margin-right: 10px;}
.floor-plans-col h2 {font-size: 18px; text-transform: uppercase; font-weight: 600; text-align: center; margin-bottom: 0px;}
.floor-plans-col p {text-align: center; margin-bottom: 4px; font-style: italic;}
.floor-plans-col img {border: 1px solid #e1e1e1; -webkit-box-shadow: 2px 9px 12px -12px rgba(0,0,0,0.32);
-moz-box-shadow: 2px 9px 12px -12px rgba(0,0,0,0.32);
box-shadow: 2px 9px 12px -12px rgba(0,0,0,0.32); margin-bottom: 5px;}
.floor-plans-col a:link {color: #546666;}
.floor-plans-col a:visited {color: #546666;}
.floor-plans-col-last {float: left; text-align: center;}
.floor-plans-col-last h2 {font-size: 18px; text-transform: uppercase; font-weight: 600; text-align: center; margin-bottom: 0px;}
.floor-plans-col-last p {text-align: center; margin-bottom: 4px; font-style: italic;}
.floor-plans-col-last img {border: 1px solid #e1e1e1; -webkit-box-shadow: 2px 9px 12px -12px rgba(0,0,0,0.32);
-moz-box-shadow: 2px 9px 12px -12px rgba(0,0,0,0.32);
box-shadow: 2px 9px 12px -12px rgba(0,0,0,0.32); margin-bottom: 5px;}
.floor-plans-col-last a:link {color: #546666;}
.floor-plans-col-last a:visited {color: #546666;}
.floor-plans-header {font-family: 'Lato', sans-serif; font-size: 22px; font-weight: 300; color: #546666; width: 100%; margin-top: 40px; border-top: 1px solid #546666; padding: 10px 0px 0px 0px;}



/*= FOOTER STYLING
--------------------------------------------------------*/


#footer {

   background-color: #ffffff;
   color: #333333;
   height: 320px;
   padding: 30px 0px 0px 0px;

}

#footer-wrapper {

   border-bottom: 1px solid #e1e1e1;
   width: 100%;
   padding-top: 30px;
   background: #eeede7;
   clear: both;
   margin-top: 0px auto 5px auto;

}

#footer-wrapper a:link {

   color: #809944;
   font-size: 14px;
   margin-top: 0px;
   text-decoration: underline;
   line-height: 20px;

}

#footer-wrapper a:visited {

   color: #809944;
   font-size: 14px;
   margin-top: 0px;
   text-decoration: underline;
   line-height: 20px;

}

#footer-wrapper a:hover {

   text-decoration: none;
   color: #546666;

}

#footer-content1 {

   width: 1050px;
   height: auto;
   margin: 10px auto 20px auto;

}

#footer-content1 p {

   color: #546666;

}

#footer-content2 {

   width: 1050px;
   height: auto;
   margin: 0px auto 45px auto;

}

#footer-content2 p {

   color: #91a5a5;

}

.footer-col {

   float: left;
   width: 170px;
   text-align: left;
   margin-left: auto;
   margin-right: 50px;

}

.footer-col h2 {

   margin-top: 0px;
   font-style: normal;
   font-family: 'Oswald', sans-serif;
   font-weight: 400;
   font-size: 15px;
   letter-spacing: 3px;
   color: #494949;
   text-align: left;

  }

.col-last {

   float: left;
   width: auto;
   text-align: left;
   margin-left: auto;
   padding-right: 55px;
   margin-right: 0px;

}

.col-last h2 {

   font-size: 13px;
   margin-bottom: 8px;
   color: #494949;
   font-weight: 400;

}

.col-bottom {

   float: left;
   width: auto;
   text-align: left;
   margin-top: 20px;

}

.col-bottom img {

   margin-right: 60px;

}

.col-bottom-left {

   float: left;
   width: auto;
   text-align: left;
   margin-top: 40px;

}
.col-bottom-left p {

   font-size: 12px;
   line-height: 15px;

}


#shelley-footer {

   width: 400px;

}

#shelley-footer img {float: left; margin-right: 20px; margin-bottom: 40px;}

#shelley-footer h2 {

   font-family: 'Lato', sans-serif;
   letter-spacing: 0px;
   font-size: 19px;
   line-height: 20px;
   color: #546666;
   text-align: left;
   font-weight: 400;

}

#shelley-footer p {

   color: #666666;

}


.box {

   cursor: pointer;
   height: 233px;
   float: left;
   margin: 5px;
   position: relative;
   overflow: hidden;
   width: 330px;
   text-align: center;

}

#box-3 h1 {

   color: #ffffff;
   z-index: 99999;
   -webkit-backface-visibility: hidden;
   font-weight: 500;
   font-size: 20px;
   width: 330px;
   margin-top: 90px;
   text-align: center;
   text-transform: uppercase;
   position: relative;
   -webkit-font-smoothing: antialiased;

}

.box img {

   position: absolute;
   left: 0;
   -webkit-transition: all 600ms ease-out;
   -moz-transition: all 600ms ease-out;
   -o-transition: all 600ms ease-out;
   -ms-transition: all 600ms ease-out;
   transition: all 600ms ease-out;

}

.box .caption {

   background-color: #0d1b1b;
   position: absolute;
   color: #fff;
   z-index: 100;
   -webkit-transition: all 600ms ease-out;
   -moz-transition: all 600ms ease-out;
   -o-transition: all 600ms ease-out;
   -ms-transition: all 600ms ease-out;
   transition: all 600ms ease-out;
   left: 0;
   top: 0px;

}

.box .caption p {font-weight: 400; font-size: 15px;}


.box .fade-caption {

   opacity: 0;
   width: 330px;
   height: 233px;
   text-align: center!important;
   backface-visibility: hidden;
   -webkit-backface-visibility: hidden;
   padding-top: 130px;

}

.box .fade-caption p {

   line-height: 19px;
   margin: 0px 17px 8px 17px;
   font-style: normal;
   text-align: center;
   color: #ffffff;

}

.box .caption a {

   font-style: normal;
   color: #ffffff;
   letter-spacing: 1px;
   font-size: 13px;
   font-weight: 900;

}


.box .scale-caption {

   opacity: 0;
   width: 330px;
   height: 233px;
   text-align: left;
   backface-visibility: hidden;
   -webkit-backface-visibility: hidden;

}

.box:hover .fade-caption {

   opacity: .9;

}

#contact-banner {background: #fcf9f0 url(../img/contact-banner.jpg) 100% no-repeat; background-size: cover; color: #333333; height: 200px; padding: 75px 0;}
#contact-banner h3 {font-family: 'Oswald', sans-serif; letter-spacing: 11px; color: #ffffff; background: url(../img/headline-bg.png) repeat; width: 400px; text-align: center; padding: 10px 2px 10px 10px; margin-left: auto; margin-right: auto; text-align: center; text-decoration: none; margin-top: 80px; font-size: 26px; font-weight: 300;}
.contact {background-color: #fcf9f0; color: #333333; height: 100%; width: 100%; padding: 25px 0; float: left;}

.contact .content {height: 100%; float: left;}

/*= CONTACT FORM
--------------------------------------------------------*/

#contact-area {color: #597b7c!important;	font-family: "Open Sans", sans-serif; font-size: 14px; width: 1000px; margin-top: 30px;}


#contact-area input, #contact-area textarea {
	padding: 10px;
	font-family: "Open Sans", sans-serif;
	font-size: 13px;
	color: #597b7c;
	margin: 0px 0px 10px 200px;
	border-radius: 4px;
	border: 2px solid #ffffff;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px;/* Default property recognized by some browsers- a Good practice to include it*/
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px;/*For Mozilla Firefox Browsers*/
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px;/*For Webkite browsers - Chrome and Safari*/

}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {

}

#contact-area input.submit-button {
	float: left; background: #597b7c; width: 180px; border: none; color: #ffffff; font-family: 'Oswald', sans-serif; font-size: 12px; font-weight: normal; margin-left:300px;
}

label {
	float: left;
	text-align: left;
	width: 100px;
}

@media only screen and (max-width : 600px) and (min-width : 320px) {


.main-menu {width: 100%; font-weight: normal; visibility: hidden; display: none;}
.main-menu a:link { width: 100%; float: left; margin-left: 40px; padding-left: 0px;}
.main-menu a:link:nth-of-type(odd) a { border-right: 1px solid #ccc; }

.sub-nav {margin-bottom: -10px; text-align: center; width: 100%; background: #ffffff; padding: 15px 15px 15px 15px;}
.sub-nav-container {width: 100%; margin-left: auto; margin-right: auto;}
.sub-nav a:link {color: #91a5a5; padding: 0px 6px 0px 0px; margin-left: 6px;}
.sub-nav a:visited {color: #91a5a5;}
.sub-nav a:hover {color: #809944;}

.floor-plans-row {float: left; width: 100%; margin-bottom: 15px; margin-top: 15px;}
.floor-plans-col {float: left; text-align: center; margin-right: 10px; margin-bottom: 20px;}
.floor-plans-col-last {float: left; text-align: center;}

.row {width: 100%; float: left; margin-bottom: 20px;}
.amenities-col {width: 100%; float: left; margin-right: 40px;}
.amenities-col-last {width: 100%; float: left;}
.amenities-col img {width: 100%;}
.amenities-col-last img {width: 100%}


.featured-image-resources {

   background: no-repeat center;
   background: url(../images/resources-banner-mobile.jpg)!important;
   width: 100%;
   height: 250px;
   background-size: contain;
   display: table;
   -webkit-font-smoothing: antialiased;

}

.featured-image-contact {

   background: no-repeat center;
   background: url(../images/contact-banner-mobile.jpg)!important;
   width: 100%;
   height: 250px;
   background-size: cover;
   display: table;
   -webkit-font-smoothing: antialiased;

}

.featured-image-interior-text h1 {

   font-family: 'Lato', sans-serif;
   margin-left: auto;
   margin-right: auto;
   font-weight: 900;
   color: #ffffff;
   margin-top: 200px;
   font-size: 45px!important;
   line-height: 44px;
   width: 100%!important;
   -webkit-font-smoothing: antialiased;

}

.featured-image-interior-text h1.special {

   font-family: 'Lato', sans-serif;
   margin-left: auto;
   margin-right: auto;
   font-weight: 900;
   color: #ffffff;
   margin-top: 200px;
   font-size: 35px!important;
   line-height: 44px;
   width: 100%!important;
   -webkit-font-smoothing: antialiased;

}

/*= CONTACT FORM
--------------------------------------------------------*/

#contact-area {color: #597b7c!important; font-family: "Open Sans", sans-serif; font-size: 14px; width: 100%; margin-top: 30px;}


#contact-area input, #contact-area textarea {
	padding: 10px;
	font-family: "Open Sans", sans-serif;
	font-size: 13px;
	width: 100%;
	color: #597b7c;
	margin: 0px 0px 10px 0px;
	border-radius: 4px;
	border: 2px solid #ffffff;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px;/* Default property recognized by some browsers- a Good practice to include it*/
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px;/*For Mozilla Firefox Browsers*/
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px;/*For Webkite browsers - Chrome and Safari*/

}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {

}

#contact-area input.submit-button {
	float: left; background: #597b7c; width: 180px; border: none; color: #ffffff; font-family: 'Oswald', sans-serif; font-size: 12px; font-weight: normal; margin-left:0px;
}

label {
	float: left;
	text-align: left;
	width: 100px;
}

#header {

   width: 100%;
   height: auto;
   padding-bottom: 10px;
   padding-top: 15px;
   position: static;
   background: #f7fcfd;
   z-index: 3;
   opacity: 1;

}

.container {

   width:100%;
   margin: 0 auto;

}

.logo {

   float: none;
   margin-top: 0px;
   text-align: center;
}

.contact-right {

   float: none;
   width: 100%;
   text-align: center;
}


.contact-right h1 {

   font-size: 24px;
   line-height: 23px;
   width: 80%;
   text-align: center;
   margin-bottom: 0px;
   color: #546666;
   margin-top: 0px;
   font-weight: 600;
   -webkit-font-smoothing: antialiased;

}

.contact-right a:link {

   color: #7babaf;
   font-size: 17px;
   font-weight: 300;
   display: block;
   margin-top: 0px;
   text-align: center;

}


.contact-right p {

   font-size: 15px;

}

.contact-right .email {display: none; visibility: hidden;}
.contact-right .phone {display: none; visibility: hidden;}
.nav {visibility: hidden; display: none}

#main {

	background: url(../images/main-img-mobile.jpg) 0% 0 no-repeat;
	color: #fff;
	width: 100%;
	height: 400px;
	background-size: none;
}

#mainHero {width: 100%; margin: auto; padding-top: 30%;}

#main h1 {font-size: 34px; line-height:30px; text-align: center;}

#main h2 {

   width: 100%; padding-right: 20px; padding-left: 20px;
   text-align: center;
   font-size: 18px; line-height: 22px;

}

#rosemount {

   background: url(../images/rosemount-bg-mobile-small.jpg) 50% 0 no-repeat;
   color: #fff;
   width: 100%;
   height: 225px;
   background-size: cover;
}

#lobby {

   background: #000000 url(../images/lobby.jpg) 50% 0 no-repeat;
   background-position: center bottom !important;
   color: #fff;
   width: 100%;
   height: 225px;
   margin: 0px 0px 0px 0px;
   background-size: cover;

}

#living-options {

   background: url(../images/greenbg.jpg) repeat;
   color: #333333;
   height: 100%;
   width: 100%;
   border-top: 3px solid #ffffff;
   padding: 40px 0px 40px 0px;
   float: left;

}

#living-options h2 {

   color: #e3eff0;
   padding-left: 15px; padding-right: 15px;


}

#living-options p {

   color: #e3eff0;
   padding-left: 15px; padding-right: 15px;
}



.introWrapper {

   margin-top: 0px;
   width: 100%;
   background: #ffffff;
   opacity: 0.94;

}

.introContent {

   width:100%;
   padding: 15px;
   text-align: left;

}

.introImg {float: none; border: 0; margin-bottom: 20px; margin-left: 0px; text-align: center;}


.introContent h1 {
   font-style: normal;
   font-weight: 300;
   color: #546666;
   text-transform: uppercase;
   font-size: 30px;
   line-height: 28px;
   text-align: left;
}


.introContent h2 {
   font-style: normal;
   font-weight: 300;
   color: #546666;
   font-size: 16px;
   line-height: 20px;
   text-align: left;
}

.introContent p {
   font-style: normal;
   font-weight: 300;
   color: #546666;
   font-size: 16px;
   line-height: 20px;
   padding-right: 0px;
   text-align: left;
}

#welcome {

   background: url(../images/bg.jpg) repeat;
   color: #333333;
   height: auto;
   padding: 25px 15px 50px 15px;

}

#welcomeImg {float: left; margin-right: 30px;}

#welcome p {font-size: 16px; line-height: 20px;}

#footer {

   background-color: #ffffff;
   color: #333333;
   height: 320px;
   padding: 30px 0px 0px 0px;

}

#footer-wrapper {

   border-bottom: 1px solid #e1e1e1;
   width: 100%;
   padding-top: 30px;
   background: #eeede7;
   clear: both;
   margin-top: 0px auto 5px auto;

}

#footer-wrapper a:link {

   color: #809944;
   font-size: 14px;
   margin-top: 0px;
   text-decoration: underline;
   line-height: 20px;

}

#footer-wrapper a:visited {

   color: #809944;
   font-size: 14px;
   margin-top: 0px;
   text-decoration: underline;
   line-height: 20px;

}

#footer-wrapper a:hover {

   text-decoration: none;
   color: #546666;

}

#footer-content1 {

   width: 100%;
   height: auto;
   margin: 10px auto 20px 15px;

}

#footer-content1 p {

   color: #546666;
   font-size: 12px;
   padding-right: 25px;

}

#footer-content2 {

   width: 100%;
   height: auto;
   margin: 0px auto 45px 15px;

}

#footer-content2 p {

   color: #91a5a5;

}

.footer-col {

   float: left;
   width: 100%;
   text-align: left;
   margin-left: auto;
   margin-right: 50px;

}

.footer-col h2 {

   margin-top: 0px;
   font-style: normal;
   font-family: 'Oswald', sans-serif;
   font-weight: 400;
   font-size: 15px;
   letter-spacing: 3px;
   color: #494949;
   text-align: left;

}


#shelley-footer {

   width: 100%;

}

#shelley-footer img {float: left; margin-bottom: 10px;}

#shelley-footer h2 {

   font-family: 'Lato', sans-serif;
   letter-spacing: 0px;
   font-size: 19px;
   line-height: 20px;
   color: #546666;
   text-align: left;
   font-weight: 400;
   float: left;
   width: 100%;

}

#shelley-footer p {

	color: #666666;
	float: left;
	width: 100%;
	font-size: 13px!important;

}

.box a:link {text-decoration: none}

.box {

   cursor: pointer;
   height: 233px;
   float: left;
   margin: 0px 0px 5px 0px;
   position: relative;
   overflow: hidden;
   width: 100%;
   text-align: center;

}

#box-3 h1 {

   color: #ffffff;
   z-index: 99999;
   -webkit-backface-visibility: hidden;
   font-weight: 500;
   font-size: 20px;
   width: 100%;
   margin-top: 90px;
   text-align: center;
   text-transform: uppercase;
   -webkit-font-smoothing: antialiased;

}

.box img {

   position: absolute;
   left: 0;
   width: 100%;
   -webkit-transition: all 600ms ease-out;
   -moz-transition: all 600ms ease-out;
   -o-transition: all 600ms ease-out;
   -ms-transition: all 600ms ease-out;
   transition: all 600ms ease-out;

}

.box .caption {

   background-color: #0d1b1b;
   position: absolute;
   color: #fff;
   z-index: 100;
   -webkit-transition: all 600ms ease-out;
   -moz-transition: all 600ms ease-out;
   -o-transition: all 600ms ease-out;
   -ms-transition: all 600ms ease-out;
   transition: all 600ms ease-out;
   left: 0;
   top: 0px;

}

.box .caption p {font-weight: 400; font-size: 15px;}


.box .fade-caption {

   opacity: 0;
   width: 100%;
   height: 233px;
   text-align: center!important;
   backface-visibility: hidden;
   -webkit-backface-visibility: hidden;
   padding: 130px 20px 0px 20px;

}

.box .fade-caption p {

   line-height: 19px;
   margin: 0px;
   width: 100%;
   font-style: normal;
   text-align: center;
   font-size: 14px;
   font-weight: 400;
   margin-bottom: 10px;
   color: #ffffff;

}

.box .caption a {

   font-style: normal;
   color: #ffffff;
   letter-spacing: 1px;
   font-size: 13px;
   font-weight: 900;

}


.box .scale-caption {

   opacity: 0;
   width: 330px;
   height: 233px;
   text-align: left;
   backface-visibility: hidden;
   -webkit-backface-visibility: hidden;

}

.box:hover .fade-caption {

   opacity: .9;

}


.featured-image-interior {

   background: url(../images/about-banner.jpg) 50% no-repeat;
   width: 100%;
   height: 200px;
   background-size: cover;
   display: table;
   -webkit-font-smoothing: antialiased;

}


.featured-image-contact {

   background: no-repeat center;
   background: url(../images/contact-banner.jpg) 50% no-repeat;
   width: 100%;
   height: 200px;
   background-size: cover;
   display: table;
   -webkit-font-smoothing: antialiased;

}

.featured-image-life {

   background: no-repeat center;
   background: url(../images/life-banner.jpg) 50% no-repeat;
   width: 100%;
   height: 200px;
   background-size: cover;
   display: table;
   -webkit-font-smoothing: antialiased;

}


.featured-image-resources {

   background: no-repeat center;
   background: url(../images/resources-banner.jpg) 50% no-repeat;
   width: 100%;
   height: 200px;
   background-size: cover;
   display: table;
   -webkit-font-smoothing: antialiased;

}


.featured-image-living {

   background: no-repeat center;
   background: url(../images/living-options-banner.jpg) 50% no-repeat;
   width: 100%;
   height: 200px;
   background-size: cover;
   display: table;
   -webkit-font-smoothing: antialiased;

}


.featured-image-interior-text h1 {

   font-family: 'Lato', sans-serif;
   margin-left: auto;
   margin-right: auto;
   font-weight: 900;
   color: #ffffff;
   margin-top: 200px;
   font-size: 55px;
   line-height: 44px;
   text-align: center;
   width: auto;
   -webkit-font-smoothing: antialiased;

}

.interiorWrapper {

   margin: 0 auto;
   width: 100%;
   background: #fdfcf9;

}

.interiorContent {

   width:100%;
   margin-left: auto;
   margin-right: auto;
   padding: 50px 15px 60px 15px;

}

.interiorContent-2 {

   width:100%;
   margin-left: auto;
   margin-right: auto;
   padding: 15px;

}

.col {

   float: left;
   width: 100%;
   margin-right: 0px;

}

#why-banner {

	background: #000000 url(../images/why-we-chose-augustana-care-banner.jpg) 20% no-repeat;
	color: #fff;
	height: 319px;
	margin: 0px 0px 0px 0px;
	background-size: cover;

}

.interiorContentWrapper-3 {

   background: url(../images/greenbg.jpg) repeat;
   color: #333333;
   height: 100%;
   width: 100%;
   padding: 0px 0px 45px 0px;
   float: left;

}

.interiorContent-3 {

   width:100%;
   margin: 0 auto;
   text-align: left;
   padding: 15px;

}


.imgRight {

   float: none;
   width: 100%;
   margin-left: 0px;
   margin-bottom: 20px;

}

.imgLeft {

   float: none;
   width: 100%;
   margin-right: 0px;
   margin-bottom: 20px;

}



}


@media only screen and (max-width : 900px) and (min-width : 601px) {


.main-menu {width: 100%; font-weight: normal; visibility: hidden; display: none;}
.main-menu a:link { width: 100%; float: left; margin-left: 40px; padding-left: 0px;}
.main-menu a:link:nth-of-type(odd) a { border-right: 1px solid #ccc; }

.sub-nav {margin-bottom: -10px; text-align: center; width: 100%; background: #ffffff; padding: 15px 15px 15px 15px;}
.sub-nav-container {width: 100%; margin-left: auto; margin-right: auto;}
.sub-nav a:link {color: #91a5a5; padding: 0px 6px 0px 0px; margin-left: 6px;}
.sub-nav a:visited {color: #91a5a5;}
.sub-nav a:hover {color: #809944;}

.floor-plans-row {float: left; width: 100%; margin-bottom: 15px; margin-top: 15px;}
.floor-plans-col {float: left; text-align: center; margin-right: 10px; margin-bottom: 20px;}
.floor-plans-col-last {float: left; text-align: center;}

.row {width: 100%; float: left; margin-bottom: 20px;}
.amenities-col {width: 300px; float: left; margin-right: 40px;}
.amenities-col-last {width: 300px; float: none;}

/*= CONTACT FORM
--------------------------------------------------------*/

#contact-area {color: #597b7c!important; font-family: "Open Sans", sans-serif; font-size: 14px; width: 100%; margin-top: 30px;}


#contact-area input, #contact-area textarea {
	padding: 10px;
	font-family: "Open Sans", sans-serif;
	font-size: 13px;
	width: 100%;
	color: #597b7c;
	margin: 0px 0px 10px 0px;
	border-radius: 4px;
	border: 2px solid #ffffff;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px;/* Default property recognized by some browsers- a Good practice to include it*/
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px;/*For Mozilla Firefox Browsers*/
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px;/*For Webkite browsers - Chrome and Safari*/

}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {

}

#contact-area input.submit-button {
	float: left; background: #597b7c; width: 180px; border: none; color: #ffffff; font-family: 'Oswald', sans-serif; font-size: 12px; font-weight: normal; margin-left:0px;
}

label {
	float: left;
	text-align: left;
	width: 100px;
}



#header {

   width: 100%;
   height: auto;
   padding-bottom: 10px;
   padding-top: 15px;
   position: static;
   background: #f7fcfd;
   z-index: 3;
   opacity: 1;

}

.container {

   width:100%;
   margin: 0 auto;

}

.logo {

   float: none;
   margin-top: 0px;
   width: 100%;
   text-align: center;
}

.contact-right {

   float: none;
   width: 100%;
   text-align: center;
}



.contact-right h1 {

   font-size: 24px;
   line-height: 23px;
   width: 80%;
   text-align: center;
   margin-bottom: 0px;
   color: #546666;
   margin-top: 0px;
   font-weight: 600;
   -webkit-font-smoothing: antialiased;

}

.contact-right a:link {

   color: #7babaf;
   font-size: 17px;
   font-weight: 300;
   display: block;
   margin-top: 0px;
   text-align: center;

}


.contact-right p {

   font-size: 15px;

}

.contact-right .email {display: none; visibility: hidden;}
.contact-right .phone {display: none; visibility: hidden;}
.nav {visibility: hidden; display: none}

#main {

	background: url(../images/main-img-mobile.jpg) 0% 0 no-repeat;
	color: #fff;
	width: 100%;
	height: 400px;
	background-size: cover;
}

#mainHero {width: 100%; margin: auto; padding-top: 30%;}

#main h1 {font-size: 50px; line-height:43px; text-align: center;
   margin-left: auto; margin-right: auto;
   margin-top: -130px;
   margin-bottom: 8px;
   padding: 0;
}

#main h2 {

   width: 100%; padding-right: 20px; padding-left: 20px;
   text-align: center;
   font-size: 18px; line-height: 22px;

}

#rosemount {

   background: url(../images/rosemount-bg-mobile.jpg) 50% 0 no-repeat;
   color: #fff;
   width: 100%;
   height: 225px;
   background-size: cover;
}

#lobby {

   background: #000000 url(../images/lobby-mobile.jpg) 50% 0 no-repeat;
   background-position: center bottom !important;
   color: #fff;
   width: 100%;
   height: 225px;
   margin: 0px 0px 0px 0px;
   background-size: cover;

}

#living-options {

   background: url(../images/greenbg.jpg) repeat;
   color: #333333;
   height: 100%;
   width: 100%;
   border-top: 3px solid #ffffff;
   padding: 40px 0px 40px 0px;
   float: left;

}

#living-options h2 {

   color: #e3eff0;
   padding-left: 15px; padding-right: 15px;


}

#living-options p {

   color: #e3eff0;
   padding-left: 15px; padding-right: 15px;
}



.introWrapper {

   margin-top: 10px;
   width: 100%;
   background: #ffffff;
   opacity: 0.94;

}

.introContent {

   width:100%;
   padding: 15px;
   text-align: left;

}

.introImg {float:right; border: 0; margin-bottom: 20px; margin-left: 20px; text-align: center;}


.introContent h1 {
   font-style: normal;
   font-weight: 300;
   color: #546666;
   text-transform: uppercase;
   font-size: 33px;
   line-height: 30px;
   text-align: left;
}


.introContent h2 {
   font-style: normal;
   font-weight: 300;
   color: #546666;
   font-size: 16px;
   line-height: 20px;
   text-align: left;
}

.introContent p {
   font-style: normal;
   font-weight: 300;
   color: #546666;
   font-size: 16px;
   line-height: 20px;
   padding-right: 0px;
   text-align: left;
}

#welcome {

   background: url(../images/bg.jpg) repeat;
   color: #333333;
   height: auto;
   padding: 25px 15px 50px 15px;

}

#welcomeImg {float: left; margin-right: 30px;}

#welcome p {font-size: 16px; line-height: 20px;}

#footer {

   background-color: #ffffff;
   color: #333333;
   height: 320px;
   padding: 30px 0px 0px 0px;

}

#footer-wrapper {

   border-bottom: 1px solid #e1e1e1;
   width: 100%;
   padding-top: 30px;
   padding-left: 20px;
   background: #eeede7;
   clear: both;
   margin-top: 0px auto 5px auto;

}

#footer-content2 {

   width: 100%;
   height: auto;
   margin: 0px auto 45px 20px;

}



.box {

   cursor: pointer;
   height: 233px;
   float: left;
   margin: 0px 5px 5px 0px;
   position: relative;
   overflow: hidden;
   text-align: center;


}

.box a:link {}

#box-3 h1 {

   color: #ffffff;
   z-index: 99999;
   -webkit-backface-visibility: hidden;
   font-weight: 500;
   font-size: 20px;
   width: 100%;
   margin-top: 90px;
   text-align: center;
   text-transform: uppercase;
   -webkit-font-smoothing: antialiased;
   text-decoration: none!important;


}

.box img {

   position: absolute;
   left: 0;
   width: 100%;
   -webkit-transition: all 600ms ease-out;
   -moz-transition: all 600ms ease-out;
   -o-transition: all 600ms ease-out;
   -ms-transition: all 600ms ease-out;
   transition: all 600ms ease-out;

}

.box .caption {

   background-color: #0d1b1b;
   position: absolute;
   color: #fff;
   z-index: 100;
   -webkit-transition: all 600ms ease-out;
   -moz-transition: all 600ms ease-out;
   -o-transition: all 600ms ease-out;
   -ms-transition: all 600ms ease-out;
   transition: all 600ms ease-out;
   left: 0;
   top: 0px;

}

.box .caption p {font-weight: 400; font-size: 15px;}


.box .fade-caption {

   opacity: 0;
   width: 100%;
   height: 233px;
   text-align: center!important;
   backface-visibility: hidden;
   -webkit-backface-visibility: hidden;
   padding: 130px 20px 0px 20px;

}

.box .fade-caption p {

   line-height: 19px;
   margin: 0px;
   width: 100%;
   font-style: normal;
   text-align: center;
   font-size: 14px;
   font-weight: 400;
   margin-bottom: 10px;
   color: #ffffff;

}

.box .caption a {

   font-style: normal;
   color: #ffffff;
   letter-spacing: 1px;
   font-size: 13px;
   font-weight: 900;

}


.box .scale-caption {

   opacity: 0;
   width: 330px;
   height: 233px;
   text-align: left;
   backface-visibility: hidden;
   -webkit-backface-visibility: hidden;

}

.box:hover .fade-caption {

   opacity: .9;

}


.featured-image-interior {

   background: url(../images/about-banner.jpg) 50% no-repeat;
   width: 100%;
   height: 200px;
   background-size: cover;
   display: table;
   -webkit-font-smoothing: antialiased;

}


.featured-image-contact {

   background: no-repeat center;
   background: url(../images/contact-banner.jpg) 50% no-repeat;
   width: 100%;
   height: 200px;
   background-size: cover;
   display: table;
   -webkit-font-smoothing: antialiased;

}

.featured-image-life {

   background: no-repeat center;
   background: url(../images/life-banner.jpg) 50% no-repeat;
   width: 100%;
   height: 200px;
   background-size: cover;
   display: table;
   -webkit-font-smoothing: antialiased;

}


.featured-image-resources {

   background: no-repeat center;
   background: url(../images/resources-banner.jpg) 50% no-repeat;
   width: 100%;
   height: 200px;
   background-size: cover;
   display: table;
   -webkit-font-smoothing: antialiased;

}


.featured-image-living {

   background: no-repeat center;
   background: url(../images/living-options-banner.jpg) 50% no-repeat;
   width: 100%;
   height: 200px;
   background-size: cover;
   display: table;
   -webkit-font-smoothing: antialiased;

}


.featured-image-interior-text h1 {

   font-family: 'Lato', sans-serif;
   margin-left: auto;
   margin-right: auto;
   font-weight: 900;
   color: #ffffff;
   margin-top: 200px;
   font-size: 55px;
   line-height: 44px;
   text-align: center;
   width: auto;
   -webkit-font-smoothing: antialiased;

}

.interiorWrapper {

   margin: 0 auto;
   width: 100%;
   background: #fdfcf9;

}

.interiorContent {

   width:100%;
   margin-left: auto;
   margin-right: auto;
   padding: 50px 15px 60px 15px;

}

.interiorContent-2 {

   width:100%;
   margin-left: auto;
   margin-right: auto;
   padding: 15px;

}

.col {

   float: left;
   width: 100%;
   margin-right: 0px;

}

#why-banner {

	background: #000000 url(../images/why-we-chose-augustana-care-banner.jpg) 20% no-repeat;
	color: #fff;
	height: 319px;
	margin: 0px 0px 0px 0px;
	background-size: cover;

}

.interiorContentWrapper-3 {

   background: url(../images/greenbg.jpg) repeat;
   color: #333333;
   height: 100%;
   width: 100%;
   padding: 0px 0px 45px 0px;
   float: left;

}

.interiorContent-3 {

   width:100%;
   margin: 0 auto;
   text-align: left;
   padding: 15px;

}


.imgRight {

   float: right;
   margin-left: 20px;
   margin-bottom: 20px;

}

.imgLeft {

   float: none;
   width: 100%;
   margin-right: 0px;
   margin-bottom: 20px;

}

#footer {

   background-color: #ffffff;
   color: #333333;
   height: 320px;
   padding: 30px 0px 0px 0px;

}

#footer-wrapper {

   border-bottom: 1px solid #e1e1e1;
   width: 100%;
   padding-top: 30px;
   background: #eeede7;
   clear: both;
   margin-top: 0px auto 5px auto;

}

#footer-wrapper a:link {

   color: #809944;
   font-size: 14px;
   margin-top: 0px;
   text-decoration: underline;
   line-height: 20px;

}

#footer-wrapper a:visited {

   color: #809944;
   font-size: 14px;
   margin-top: 0px;
   text-decoration: underline;
   line-height: 20px;

}

#footer-wrapper a:hover {

   text-decoration: none;
   color: #546666;

}

#footer-content1 {

   width: 100%;
   height: auto;
   margin: 10px auto 20px 15px;

}

#footer-content1 p {

   color: #546666;
   font-size: 12px;
   padding-right: 25px;

}

#footer-content2 {

   width: 100%;
   height: auto;
   margin: 0px auto 45px 15px;

}

#footer-content2 p {

   color: #91a5a5;

}

.footer-col {

   float: left;
   width: 100%;
   text-align: left;
   margin-left: auto;
   margin-right: 50px;

}

.footer-col h2 {

   margin-top: 0px;
   font-style: normal;
   font-family: 'Oswald', sans-serif;
   font-weight: 400;
   font-size: 15px;
   letter-spacing: 3px;
   color: #494949;
   text-align: left;

}


#shelley-footer {

   width: 100%; margin-bottom: 10px;

}

#shelley-footer img {float: left; margin-bottom: 10px;}

#shelley-footer h2 {

   font-family: 'Lato', sans-serif;
   letter-spacing: 0px;
   font-size: 19px;
   line-height: 20px;
   color: #546666;
   text-align: left;
   font-weight: 400;
   float: left;
   width: 100%;

}

#shelley-footer p {

	color: #666666;
	float: left;
	width: 100%;
	font-size: 13px!important;

}



}

@media only screen and (max-width : 900px) and (min-width : 701px) {

.nav {visibility: hidden; display: none}



}

@media only screen and (max-width : 1200px) and (min-width : 901px) {


.column {display: none; visibility: hidden;}

}

@media only screen and (max-width : 2500px) and (min-width : 1201px) {


.column {display: none; visibility: hidden;}

}

.activedemand-replace .row {
   width: 100%;
}

.activedemand-replace .row .column {
   display: block;
   visibility: visible;
}


/*= Transitions Section Styles
--------------------------------------------------------*/

.transitions{
   padding: 30px 15px;
}

.transitions .transitions-container{
   max-width: 1050px;
   width: 100%;
   padding: 30px 40px;
   border: 1px solid #cccccc;
   display: flex;
   align-items: center;
   margin: 0 auto;
}



.transitions .transitions-container .transitions-container__left{
   width: 70%;
}
.transitions .transitions-container .transitions-container__right{
   width: 30%;
   display: flex;
   flex-direction: column;
   align-items: center;
}

.transitions .transitions-container .transitions-container__right a{
   display: inline-block;
   color: #6DA9A5;
   font-weight: 600;
}

.transitions .transitions-container .transitions-container__right a:hover{
   opacity: .8;
}

@media only screen and (max-width : 640px){
   .transitions .transitions-container{
      flex-direction: column-reverse;
      padding: 15px;
   }
   .transitions .transitions-container .transitions-container__right img{
      width: 100%;
   }
   .transitions .transitions-container .transitions-container__left{
      width: 100%;
   }
   .transitions .transitions-container .transitions-container__right{
      width: 100%;
      text-align: center;
   }
   .transitions .transitions-container .transitions-container__right a{
      margin: 10px 0;
   }
}