body { 
padding:0;
margin:0;
font-family: Arial,Helvetica,sans-serif,Verdana;
font-size:62.5%; /* 1em = 10px*/
line-height: 1;
color:#98805C;
background-color: #FFFEDF;
background-image: linear-gradient(to right,#98805C,#455272);
}

h1 {
margin: 3em 0 1.5em  0;
padding: 0;
font-size: 2em;
text-align: center;
display:block;
clear:both;
}
h2 { 
margin: 0 0 1em 0;
padding: 0;
font-size: 1.9em;
text-align: center;
}
h1.masthead, h2.masthead {
color:	sienna;
color:#455272;

line-height:150%;
margin :0;
letter-spacing: 0.15em;
text-align:center;
width:100%;
font-family: Arial,Helvetica,sans-serif,Verdana;
}
h1.masthead {
font-size:2.2em;
line-height:150%;
white-space:nowrap;
color:sienna;
color:#98805C;
color:#455272;}
h2.masthead {
font-size:1.5em;
font-style: italic;
line-height:100%;
padding:1em 0 1em 0;
white-space:nowrap;
}
 
h2{
margin:0;
padding:1em 0 0 0;
font-size: 1.6em;
line-height:150%;
text-align: center;
text-align: center;
letter-spacing: 0.2em;
} 
h3{ 
margin:0;
padding: 0;
font-size: 1.5em;
line-height:150%;
text-align: center;
text-align: center;
letter-spacing: 0.05em;
}
h4{
margin:0 0 0.5em 0;
padding: 0;
font-size: 1.2em;
line-height:150%;
text-align: left;
letter-spacing: 0.08em; 
}
h1,h2,h3,h4 {
color:#455272;
color:#98805C;}
caption {
margin:0;
padding:1em 0 0 0;
font-size: 1.3em;
line-height:150%;
text-align: center;
text-align: center;
letter-spacing: 0.2em;
font-weight:bold;
} 
img {
max-width:100%;
}
 
div.ribbon{
  display:block;
  width: 100%;
  height:1em;  
  background-color:#455272;
  background-image: linear-gradient(to left,#98805C,#455272) 
 }
.group {
clear:both;
margin:0;
padding:0;
display:block;
position:relative;
/*overflow:hidden;*/
 /* for overflow property to have effect */
 /*white-space: nowrap; */
}
div#contacts_people p.back,  div#section_1  p.back {
visibility: hidden;
display: none;
}

.col{
float:left;
margin:0 0 0 1.6%;
display:block;
}
/* for IE8 */
#info1_A.col, #footer_misc.col {
margin:0 0 0 0;}
/* end IE8*/
.col:nth-of-type(2n+1){
margin-left:0;}
.col:nth-of-type(2n){
margin-left:0;} 

.span_1_1 {
width:100%;}
.span_1_2{
width:100%;}
.span_1_5 {
width:100%;}
.span_4_5  {
width:100%;}
.span_1_4  {
width:100%;}
.span_3_4  {
width:100%;}
.span_1_3 { 
 width: 100%;} 
.span_1_4_2 {  
width:100%;}
.span_2_4_2 {
width:100%;}


div.section {
margin: 0;
margin:0 0.5em 0 0.5em;}


ul,li,ol{
	list-style: none;
	line-height: 120%;
	line-height: 1.2;
	margin:0;
  padding:0;
  
}

li {
margin:0.5em;
border-style: none;}

img.icon {
border-color: sienna;
border-radius: 0.5em;
box-shadow: 0.5em 0.5em 0.5em #98805C;
}
span.italic{
font-style:italic;}

span.small{
font-size:80%;
}
span.bold { 
font-weight:bold;
}
span.button {
font-weight:bold; 
font-size:1.8em;
padding: 0.5em;
}   
span.note1 {
font-style:italic;
font-size:80%;
font-weight:bold;
display:block;}

span.caption1 {
display:block;
font-weight:bold;
} 
span.day_name {
font-style:italic;
font-weight:bold;
letter-spacing:0.1em;
font-size:90%;}

span.breadcrumbs {
}

span.teaser_title {
text-decoration:underline;
letter-spacing:0.15em;
}
span.none {
display:none;
}
a:hover span.logo-link{
position:relative;
top:0;
left:1.5em;
opacity:1.5em;
}
#content div.mass {
width: 30em;
margin:1em;
height: 28em;
float:left;}
 
p.italic{
font-style:italic;}
p.italic.special {
font-style:italic;
padding:1.5em;
font-size: 1.4em;
letter-spacing: .05em;
/*box-shadow:1em 0.3em 0.3em  #B9AF95;*/
}
.nodisplay {
display:none}

a:link, a:visited {
color:#455272;
text-decoration: none;
font-weight: normal;
border: none;
display: inline-block;
padding: 0.5em;
} 
a:hover, a:focus {
font-weight: bold;
text-decoration:underline; 
background-color:#455272;
color: #CC7A00;
} 
a:active {
color:sienna;
/*
background-color: #FFFEFD;
background-color:#455272;
*/
} 
a.current_page:link , a.current_page:visited {
font-weight:bold;
color: #CC7A00;
background-color: #FFFEFD;
}
a.img{
display:block;}
p.center {
text-align:center;
}
table {
margin:0 auto;
border-collapse: collapse;
text-align: left;
width:100%;
} 

td.bold {
font-weight:bold;}
tr.spacer  {
display:none;
}

td a{
display:block;}

.bold {font-weight:bold;}

form {
display:block;
overflow: hidden;
text-align:left;}

form img{
display:inline;
width:auto;
margin-bottom: 0.5em;
}

#form_container {
display:block;
position:relative;
overflow: hidden;
margin:0 20%;
}
form#login_form {
position: relative;
margin:0 auto;
max-width:30em;
}

li.mid_name {
display:none;}


label {
display:block;
color:	#CC7A00;
padding:0.5em 0  0.2em 0;
font-size: 1.3em;
color:#455272;
}
label.error {
color:	#B95349;
font-weight:bold; 
}

input[type=text], input[type=password], input[type=submit],input[type=email],textarea  {
padding:0.5em 1em;
font-size: 1.5em;
color:#455272;
border: 0.3em solid #455272;
-moz-box-sizing: border-box;
box-sizing: border-box;
width:100%;
background-color: #FFF;
font-family: Arial, Verdana, Helvetica, sans-serif;
border: 0.3em solid #455272;
box-shadow: 0.2em 0.2em 0.2em rgba(0, 0, 0, 0.1) inset;
transition-duration: 0.3s;
}

input:hover,textarea:hover, input:focus,textarea:focus  {
border: 0.4em solid #CC7A00;
}
input[type=submit]  {
width: 10em;
border-radius: 0.5em;
}
input[type=submit]:hover , input[type=submit]:focus  {
border: 0.4em solid #455272;
outline:none;
color:#CC7A00;
border: 0.4em solid #CC7A00;
}

p.info,p.warning,p.error{
font-size: 1em;
font-style:italic;
max-width:28em;
text-align:center;
margin-left:auto;
margin-right:auto;
}
p.error_form_js {
padding-left: 1.5em;
background-image: url("/portfolio/websites/realestate/content/images/icons/icon-warning.png");
background-position: left top;
background-repeat: no-repeat;

font-size: 1em;
font-style:italic;
max-width:28em;
margin-left:0;
margin-right:0;

}


p.info {
color:	#cc7a00;
}
p.warning{
color: #336600;
} 
p.error{
color:	#B95349;
}
#page {
background-image: linear-gradient(to left,#98805C,#455272);
    border: 6px solid #455272;
    border-radius: 25px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em ;
 
} 
#header, #wrapper1,#footer {
width:95%;
margin:0 auto 0 auto;
overflow:hidden;
float:none;
padding:0;
background-image: linear-gradient(to bottom,#98805C,#FFFEFD);
}

#header{
overflow:visible;
background-image: linear-gradient(to bottom,#98805C,#FFFEFD);
display:block;
height:auto;
font-size:1.1em;
/*border-top:0.2em solid #98805C;*/
border-radius:2em 2em 0 0;
}
 
#header #updates  {
 display:none;}

#header #menu_top {
background-image: linear-gradient(to bottom,#98805C,#FFFEFD);
/*border-top:0.2em solid #98805C; */
border-top-style:none;
border-radius:2em 2em 0 0 ;
}
#header #menu_top #logo{
position:relative;
}
#header #menu_top #logo .img{
position:absolute;
top:-1em;
left:-0.5em;
z-index:10;
}
#menu_top ul{
width:100%;
float: right;
margin:0.5em;	
}
#menu_top li {
float:right;
margin:0 1%;
}
#menu_top  li a:link, #menu_top  li a:visited{
text-align: center;
font-weight: bold;
} 

#header #masthead {
position:relative; 
overflow:hidden;
}
#masthead div#info1{
display:block;}
#masthead div#info_title_1 {
display:none;}
#masthead div#info1_A{
display:none;}
#masthead div#info2 {
display:none;}
#masthead div#info3 {
 display:none;}
}

div.left {
clear:left;
float:left;
}
div.right {
clear:right;
float:right;
}
div.spacer {
clear: both;
}
/* toggle info1 and info1_A */
#masthead div#info1 {
display:block;}

#masthead_wrapper {
width: 100%;
margin: 0 auto 0 auto;
}
#info1_A{
display:block;}

#info1_A, #info2, #info3 {
padding-top:5.5em;}

h1.masthead {
letter-spacing: 0;
}
#info4 {
position:relative;
display:block;
color:#455272;
}
#teaser {
position:relative;
height:auto;
}

#wrapper1 {
position:relative;
display:block;
overflow:visible; /* to be able to not clip overflow set by negative margins */
background-image: linear-gradient(to bottom,#F9F7F4,#FFFEFD);
margin-left:2.5%;
float:left;
}

#menu 
{
margin-top:0.4em;
min-width: 100%;
margin:0 auto;
}
#menu ul.menu_left {
margin:0;
width:100%;
text-align:center;
background-image: linear-gradient(to bottom,#E6E5E4,#FFFEFD);
background-color: #FFFFFF;
} 
#menu li{ 
position:relative;
margin:0;
display:block;
}

#menu li:hover a {
font-weight:bold;}

#menu ul.menu_left li > ul {
display:none;
}

#menu ul.menu_left li:hover > ul {
display:block;
position:absolute;
left:auto;
right:0;
top:3.3em;
z-index:1;
background-color:#EDEAE3;
}
#menu ul.menu_left li:hover > ul li {
margin:0
}
/* for medium width */
#menu a:link, #menu a:visited{
display:block;
font-size:1.3em; 
font-weight:normal;
padding:0.5em ;
line-height:1.5;
background-image: linear-gradient(to top,#E6E5E4,#FFFEFD);
white-space:nowrap;
}
 
/* end*/
#menu ul.menu_left li:hover > ul , #menu ul.menu_left li:hover{
box-shadow: -2px 2px 2px #CC7A00;
background-color: #455272;
}

#menu #menu-side-top  {
position:absolute;
left:-2em;
left:0;
top:-4em;
display:block;
z-index:1;
}

#menu #menu-side-top img{
 margin-top:2em;
margin-left:auto;
margin-right:auto;
display:block;
}
 
#menu #menu-side-bottom{
margin-top:1em;
}
 
#menu #menu-side-bottom  {
position:absolute;
right:-2em;
right:-2%;
bottom:-2em;
display:block;
z-index:1;
overflow:visible;
}
#menu #menu-side-bottom img {
margin-left:auto;
margin-right:auto;
display:block;
}
#gallery {}
.gal_thumb{
float: left;
 padding: 0.3em;
}
.gal_thumb  img {
border-radius: 1em;}

.gal_det_nav {
padding-left:0.4em;
margin: auto;
width:70%;
}

.gal_det_nav a {
display: block;
float:left;
width:30%;
font-size:1.3em;
text-align: center;
padding:1.3em 0 1.3em 0;
}

#gallery {}
div.img  .gal_thumb{
 padding: 0.3em;
 display:inline-block;
 float:none;
}
#content {
position:relative;
text-align:center;
min-height:40em;
margin-bottom:2em;}

iframe.calendar {
border:0;
width:98%;
width:100%;
height:61.4em;
float:left;}

#content #nav_inter_page {
 height:auto;
 line-height:1.4;
 font-size:1.3em;
 float:right;
 margin-top:1em;
 margin-bottom:1em;
 }

#content #nav_inter_page ul{
float:right;
padding:1em;
border:2px solid #E6E5E4;
}
#content #nav_intra_page li{
/*float:left; */
}
#content #nav_inter_page a:link, #content #nav_inter_page a:visited{
width:10em;
width:auto;
display:inline-block;
text-align:center;
padding:0.5em;
border-radius: 1em 1em 0 0;
}
 
#content p{
font-size: 1.3em;
line-height:140%;
} 
#content  p{
margin-top:0;
}
#content p.regular{
text-indent: 0;
margin-right:2em;}
#content img {
width:auto;}

#content ul li{
font-size: 1.3em;
line-height:150%;
margin:0;
}


#content ul li p{
font-size: 1em;
}
#content ul li :nth-child(2){
text-indent: 1em;
}

#content  ul.list li{
list-style-type: square;
list-style-image: url("/portfolio/websites/realestate/content/images/icons/button1.png");
list-style-position: inside;
}
/*wanda */
#content   ul.nav, #content ul.links, #content ul.list, #content ul.sitemap {
display:block;
position:relative;
line-height:140%;
line-height:1.4;
margin:0 auto 0 auto;
text-align:left;
}
#content .nav_wrap {
width:40em;
margin:0 auto 0 auto;
text-align:left;}

#content ul.nav {
width:100%;
margin:0 auto 0 auto;
text-align:center;}

#content ul.nav li, #content ul.links li{
list-style-type: none;
list-style-image: none;
list-style-position: inside;
margin:0.5em;
}
#content ul.sitemap {
display:block;
position:relative;
width:40em;
text-align:center;
margin: 1em auto;
/* font-size: 1.3em; */
}
#content ul.sitemap li {
position:relative;
display:block;
margin: 1em 0;
text-align:left;
}
 
#content ul.sitemap li  > ul li {
display:block;
font-size:1em;
clear:left;
margin:0 0 0 2em;
list-style:square inside;

}

#content ul.mass_schedule {
margin:0 20%;
}
#content ul.mass_schedule li{ 
text-align:left;
font-size: 1.2em;}
 
 #content ul.list-long{
 display:block;
 overflow:hidden;
 margin-bottom:2em;}
 #content ul.list-long::after{
  clear:both;}
 
 #content ul.list-long  li {
 float:left;
 width: 20em;
 padding:0.5em 1em;
 text-align:right;
 }
  
#content table {
font-size: 1.3em;
line-height:140%;
 }
 
#content   th {
text-align:center;
background-color: #F3F2EE;
padding:0.5%  2%;
border-left: 4px solid #E8E5DC;
}
 
#content td {
padding: 0.5% 2%;
border-left: 4px solid #E8E5DC;
vertical-align:middle;
}

#content td.td_1 {
font-style: italic;}
#content td.td_2 {
font-weight:bold;}
#content td.td_3 {
padding-bottom:2em;}

#content tr {
border: 10px solid #E8E5DC;
background-color:#FAF9F5;
border-radius: 5px; 
}

#content p{
text-align:justify;
text-indent:2em;
text-indent:0;}  
#content #breadcrumbs{
 height:1.6em;
 margin-left:2em;
 padding-top:1em;
 line-height:1.4;
 font-size:1.1em;
 font-style:italic;
 text-align:left;
 }
 
.col.span_1_1 {
margin:0 auto;
}
 
div.img{
display:block;
position:relative;
overflow:hidden;
margin:0 auto;
text-align:center;
}
/* 205-03-03 */
div.img.massschedule {
margin-top: 2.5em;
}
div.img img {
margin:0 auto;
text-align:center;
border-radius: 1em;
}
 
div.img div.caption{
position:relative;
display:block;
max-width:30em;
margin:0 auto;
}
#content p.caption{
text-align:center;
margin:0.5em 2em;
font-style:italic;
}
#media .large.video {
display:none;}
#media .small.video {
display:block;}

span.s1{
font-style:italic;
font-weight:normal;
font-size: 0.8em;
}
img.icon_liturg{
display:inline;
margin-right:0.5em;
}

img.left{
float:left;
margin:0.5em 1.5em 0.5em 0 ;
text-align:center;
}
img.right{
float:right;
margin:0.5em 0 0.5em 1.5em;
text-align:center;
}


#footer { 
 position:relative;
 overflow:visible;
 min-height:7em;
 line-height:1.4;
 padding:1em 0 0 0;
 text-align:center;
font-size:1.1em;
background-image: linear-gradient(to right,#98805C,#FFFEFD);
border-bottom:0.2em solid #98805C;
border-radius:0 0  2em 2em;
}
#footer p{
margin:0;}
#footer tr {
border:none;
font-weight:bold;}
#footer #footer_misc_1, #footer #footer_misc
{
   font-style:italic; 
 }
 #footer #footer_misc_1 {
 overflow:visible;
}
#footer #footer_misc_1 div.img
{position:absolute;
 top:-3.5em;
 right:-1.5em;
 z-index:1;
}
  


p.warning{
margin-top:1em;
color: #FF9900;
font-size:120%; 
font-weight:bold;
}

/* additions for togling sidebar menu */
#sidebar ul#menu_left  {
display:none;
}
/* menu toogle for small screens */
#sidebar ul#menu_toggle  {
display:block;
}
#sidebar ul#menu_toggle  li{
display:block;
position:relative; 
font-size:140%; 
font-weight:bold;
text-align: center;
padding:1em 0 1em 0;
line-height:1.5;
/*background-image: linear-gradient(to bottom,#F2F2DA,#EAE9C1);*/
white-space:nowrap;
border-bottom: 2px solid #E6E5E4;
float:none;
width:100%;
}
#sidebar ul#menu_toggle  li:hover{
 text-decoration: underline;
 /*background-image: linear-gradient(to top,#F2F2DA,#EAE9C1); */
 }
#sidebar.toggled ul#menu_left  {
display: block;
}
#sidebar.toggled ul#menu_toggle  {
display: none;
}


@media only screen and (min-width: 401px)  {
/* @import url('http://fonts.googleapis.com/css?family=Open+Sans');*/
h1.masthead, h2.masthead {
font-family: "Open Sans Condensed Light";
}
h1.masthead {
word-spacing:0.2em;
letter-spacing: 0.05em;
}
#header .span_1_5 {
width: 19.68%;}
#header .span_4_5 {
width: 78.72%;}

#header {
margin-top:1.5em;}
#header #menu_top ul.links{
display: inline-block;
}
	
 #header #updates  {
 display:block;}
#header #updates {
 height:2em;
 height:auto;
 background-image: linear-gradient(to bottom,#F9F7F4,#FFFEFD);
 border-bottom: 0.2em solid #F9F7F4;
 }
  
#header #updates ul.util{
float:left;
display:inline;
}
#header #updates ul.links {
float:right;
display:inline;
}
#header #updates li{
float:left;
display:inline;
}
 #header #updates span.recent{
 float:right;
display:inline;} 

#menu li{ 
display:inline-block;
}

#menu ul.menu_left li:hover > ul {
display:block;
position:absolute;
left:15em;
left:0;
top:3.3em;
z-index:1;
background-color:#EDEAE3;
}
#menu ul.menu_left li:hover > ul li  a:link, #menu ul.menu_left li:hover > ul li  a:visited{
background-color:#EDEAE3;
background-image: linear-gradient(to right,#EDEAE3,#FFFEFD);
text-align:left;
}

#menu a:link, #menu a:visited{
display:inline-block;
float:left;
width:10em;
}

/* display full menu */
noscript {
display:none;
}


#menu a:link, #menu a:visited{
display:inline-block;
padding:0.5em ;
float:left;
width:10em;
}
/* end*/
#menu ul.menu_left li:hover > ul , #menu ul.menu_left li:hover{
box-shadow: -2px 2px 2px #CC7A00;
background-color: #455272;
}
#header #menu_top #logo .img{
top:-1em;
}	
#sidebar ul#menu_left  {
display:block;
}
 
#sidebar ul#menu_toggle  {
display: none;
}
}

@media only screen and (min-width: 641px) { 

h1.masthead {
word-spacing:0.5em;
letter-spacing: 0.15em;
}
#masthead_wrapper {
width: 80%;
margin: 0 auto 0 auto;
}
#masthead div#info2 {
display:block;}

#masthead div#info1{
display:none;}
#masthead div#info_title_1 {
display:block;}

#masthead div#info1_A{
display:block;}
#masthead div#info2 {
display:block;}
#masthead div#info3 {
 display:block;}

 .span_1_3 {
width:32.26%}

#masthead div#info_title_1 {
display:block;
position:absolute;
width:100%;
top:2.8em;
left:0;
z-index:1;
}

}

@media only screen and (min-width: 960px) { 

#masthead_wrapper {
width: 50%;
margin: 0 auto 0 auto;
}

/* margin-left assumed 1.6% */
.span_1_1 {
width:100%;}
.span_1_3 {
width:32.26%}
.span_2_3{
width:66.13%}
.span_3_8 {
width:36.9%;}
.span_5_8  {
width:61.5%;}
.span_1_8 {
width:12.3%;}
.span_7_8 {
width:86.1%;}
.span_1_6  {
width:16.13%;}
.span_4_6 {
width:64.52%;}
.span_1_2 {
width: 49.2%;}
.span_1_5 {
width: 19.68%;}
.span_4_5 {
width: 78.72%;}
.span_1_4 {
width: 24.6%;}
.span_3_4 {
width: 73.8%;}
.span_1_4_2 { /* two margins of 1.6% */
width:24.2%;}
.span_2_4_2 {
width:48.4%;}

.col:nth-of-type(2n){
margin-left:1.6%;}
#content.span_4_5 {
width: 70%;
float:none;
display:block;
overflow:hidden;
margin:0 auto 1em auto;
}
h2{ 
text-align: center;
margin-top:1em;
margin-bottom: 0.3em;
}
h3{
text-align: left;
margin-top:1em;
margin-bottom: 0.3em;
}
h4{
 text-align: left;
}

#menu 
{
margin-top:0.4em;
min-width: 12em;
border-bottom: 0.4em solid #71818e;
border-bottom: none;
}
#menu ul.menu_left {
background-image: linear-gradient(to right,#EDEAE3,#FFFEFD);
} 
#menu li{ 
position:relative;
margin:0.5em 0;
border-radius: 5px 5px 5px 5px;
box-shadow: 2px 2px 2px #B9AF95;
display:block;
}

#menu li:hover a {
font-weight:bold;}

#menu ul.menu_left li:hover > ul    {
position: absolute;
display:block;
min-width:15em;
left:auto; 
top:0;
right:-12em;
z-index:1;
margin:0;
border-left: 3px solid #B9AF95; 
background-image: linear-gradient(to bottom,#EDEAE3,#B9AF95);
background-color: #EDEAE3;
background-color:white;
background-color: #455272;

overflow:visible;
}
#menu ul.menu_left li:hover > ul li , #menu ul.menu_left li:hover {
margin:0.5em 0;
}
#menu ul.menu_left li:hover > ul, #menu ul.menu_left li:hover{
box-shadow: -2px 2px 2px #B9AF95;
}
#menu ul.menu_left li:hover > ul li {
border-left:0 solid #CC7A00;
box-shadow: none;
}
#menu a:link, #menu a:visited{
display:block;
font-size:1.3em; 
font-weight:normal;
padding-top: 0.3em ;
padding:0.5em;
line-height:1.5;
background-image: linear-gradient(to bottom,#EDEAE3,#FFFEFD);
width:auto;
float:none;
border: 0 solid #B9AF95;
} 
#menu ul.menu_left li:hover > ul li  a:link, #menu ul.menu_left li:hover > ul li  a:visited{
display:block;
background-color:#EDEAE3;
background-image: linear-gradient(to right,#EDEAE3,#FFFEFD);
text-align:center;
}

#menu #menu-side-top{
display:block;
position:relative;
top:0;
left:0;
}
#menu #menu-side-bottom {
display:block;
position:relative;
bottom:0;
right:0;
}
#menu #menu-side-bottom img {
margin-left:auto;
margin-right:auto;
display:block;
} 

#content #nav_inter_page a:link, #content #nav_inter_page a:visited{
display:inline-block;
}
#media .large.video {
display:block;}
#media .small.video {
display:none;}
 
#footer #footer_misc_1 div.img
{
display:none;
}
}

 #stage {
    position:relative;
    padding-bottom: 56.25%;
	padding-bottom: 75%;
  
    height: 0;
    
}

#stage iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
	background-color: teal;
}
/* css animations */ 
 
 #info4 p {
  animation-duration: 3s;
  animation-name: slidein;
}

@keyframes slidein {
  from {
    margin-left: 100%;
    width: 300%; 
  }

  to {
    margin-left: 0%;
    width: 100%;
  }
 
 
}