My facebook icon is stuck on the left side of the page and will not budge can someone please help me
@charset "utf-8";
#maincontent .leftcontent #relaxation {
}
#wrapper {
width: 100%;
}
body {
padding: 0;
margin: 0;
font-family:Roboto;
}
#wrapper header {
width: 100%;
}
#wrapper header img {
height: 200px;
width: 100%;
}
.menu ul #current {
color: #000E7C;
}
ul li a:hover {
color: #3A4771;
}
ul li a:active {
color: #000E7C;
}
ul li a:visited {
color: #E0E3EC;
}
#main {
width: 100%;
margin-top: 2%;
margin-bottom: -10%;
}
#main h1 {
color: #3A4771;
font-size: 1.5em;
text-align: center;
text-shadow: 2px 0px #6CADAB;
line-height: 4px;
}
#main h2 {
color: #3A4771;
font-size: 1.25em;
text-align: center;
text-shadow: 2px 0px #6CADAB;
margin-bottom: 0px;
line-height: 4px;
}
#main h3 {
color: #3A4771;
text-align: center;
font-size: 1.15em;
text-shadow: 2px 0px #6CADAB;
line-height: 4px;
}
#maincontent .leftcontent #image5 {
width: 100%;
height: 330px;
margin-bottom: 12px;
}
#maincontent .leftcontent #image6 {
max-width: 100%;
height: 450px;
margin-bottom: 12px;
}
#wrapper #maincontent #heading3 {
margin-top: 10%;
color: #3A4771;
font-size: 1.25em;
font-weight: bold;
}
#maincontent .leftcontent #image7 {
width: 100%;
border-radius: 13px;
height: 450px;
margin-bottom: 12px;
}
#maincontent .leftcontent #image8 {
max-width: 100%;
height: 617px;
border-radius: 13px;
margin-bottom: 12px;
min-width: 0px;
}
#maincontent .leftcontent #image9 {
height: 617px;
max-width: 100%;
border-radius: 13px;
}
#maincontent .leftcontent #image10 {
max-width: 100%;
height: 333px;
border-radius: 13px;
margin-bottom: 12px;
}
#maincontent .leftcontent #image11 {
border-radius: 13px;
max-width: 100%;
height: 420px;
}
#maincontent .leftcontent #image1 {
max-width: 100%;
height: 420px;
border-radius: 13px;
}
#maincontent {
width: 100%;
margin-top: 14%;
}
#maincontent .leftcontent {
width: 30%;
margin-left: 3%;
margin-right: 2%;
float: left;
}
#maincontent {
}
#wrapper #maincontent h3 {
color: #3A4771;
}
.leftcontent iframe {
width: 100%;
border-radius: 13px;
height: 385px;
margin-bottom: 12px;
}
#maincontent .leftcontent img {
width: 100%;
border-radius: 13px;
height: 385px;
}
#maincontent .leftcontent #image2 {
max-width: 100%;
border-radius: 13px;
height: 272px;
margin-bottom: 12px;
}
#maincontent .leftcontent #image3 {
max-width: 100%;
border-radius: 13px;
height: 272px;
}
#wrapper #maincontent #right {
width: 30%;
float: left;
}
#maincontent #right #three {
background-color: #056E74;
border-radius: 13px;
padding-top: 1%;
padding-bottom: 2%;
margin-bottom: 12px;
height: 316px;
width: 100%;
}
#right #three h2 {
color: #F8F3F3;
text-align: center;
font-size: 1.2em;
}
#three ul li {
margin-left: 5%;
color: #FFFFFF;
margin-top: 12%;
margin-bottom: 12%;
list-style-type: square;
}
#three ul li a {
color: #FFFFFF;
text-decoration: none;
font-size: 1em;
}
#maincontent #right #four {
max-width: 100%;
border-radius: 13px;
background-color: #056E74;
padding-top: 1%;
padding-bottom: 2%;
height: 310px;
}
#right #four ul li {
margin-top: 9%;
margin-bottom: 9%;
color: #FFFFFF;
margin-left: 5%;
list-style-type: square;
}
#right #four h2 {
color: #FFFFFF;
font-size: 1.2em;
text-align: center;
}
#four ul li a {
color: #FFFFFF;
text-decoration: none;
font-size: 1em;
}
#middle {
width: 30%;
margin-right: 2%;
float: left;
border-radius: 13px;
background-color: #056E74;
margin-bottom: 3%;
opacity: 1;
}
#maincontent #middle #accordion {
width: 100%;
}
#middle #accordion div {
}
#accordion div p {
}
#middle #accordion #aromas1 {
color: #FFFFFF;
font-size: 1.25em;
text-align: center;
}
#middle #accordion #aromas2 {
color: #FFFFFF;
text-align: center;
font-size: 1.25em;
}
#maincontent #middle #twenty {
width: 98%;
margin-left: 3%;
margin-right: 5%;
padding-top: 2%;
padding-bottom: 3%;
text-align: left;
}
#middle #twenty p {
margin-left: 5%;
margin-right: 5%;
color: #FFFFFF;
font-size: 1.25em;
}
#right {
width: 30%;
margin-right: 3%;
float: left;
margin-bottom: 8%;
}
#footer {
width: 100%;
padding-top: 1%;
padding-bottom: 1%;
background-color: #6CADAB;
margin-top: 3%;
clear: both;
}
#footer p {
text-align: center;
color: #3A4771;
font-size: 1.25em;
}
#maincontent #right #one {
max-width: 100%;
background-color: #056E74;
margin-bottom: 12px;
padding-top: 2%;
padding-bottom: 4%;
border-radius: 13px;
height: 364px;
}
#right #one h2 {
color: #F8F3F3;
font-size: 1.2em;
text-align: center;
}
#one ul li {
margin-left: 5%;
list-style-type: square;
color: #FFFFFF;
margin-top: 10%;
margin-bottom: 15%;
}
#one ul li a {
color: #FFFFFF;
font-size: 1.25em;
text-decoration: none;
}
#maincontent #right #two {
max-width: 100%;
background-color: #056E74;
border-radius: 13px;
padding-top: 2%;
padding-bottom: 4%;
height: 382px;
}
#right #two h2 {
color: #FFFFFF;
font-size: 1.2em;
text-align: center;
}
#two ul li {
margin-left: 4%;
list-style-type: square;
color: #FFFFFF;
margin-top: 10%;
margin-bottom: 15%;
}
#two ul li a {
color: #FFFFFF;
font-size: 1em;
text-decoration: none;
}
#maincontent #middle p {
margin-left: 5%;
margin-right: 5%;
color: #FFFFFF;
font-size: 1.25em;
text-align: left;
padding-top: 7%;
}
#maincontent #middle #para1 {
padding-top: 6%;
}
#maincontent #middle #para2 {
padding-bottom: 6%;
}
.maincontent #middle p {
color: #FFFFFF;
font-size: 1.25em;
margin-left: 5%;
margin-right: 5%;
margin-top: 3%;
margin-bottom: 3%;
}
.maincontent #middle #para2 {
margin-bottom: 2%;
}
.maincontent #middle #para1 {
margin-left: 5%;
margin-right: 5%;
margin-top: 2%;
color: #FFFFFF;
font-size: 1.25em;
}
#maincontent .leftcontent #image4 {
width: 100%;
border-radius: 13px;
height: 330px;
margin-bottom: 12px;
}
#maincontent #right #five {
background-color: #056E74;
border-radius: 13px;
padding-top: 6%;
padding-bottom: 7%;
margin-bottom: 12px;
height: 375px;
}
#maincontent #right #five h2 {
color: #FFFFFF;
text-align: center;
font-size: 1.2em;
}
#right #five ul li {
color: #FFFFFF;
list-style-type: square;
margin-left: 5%;
margin-top: 12%;
margin-bottom: 12%;
}
#five ul li a {
color: #FFFFFF;
font-size: 1em;
text-decoration: none;
margin-top: 4%;
margin-bottom: 4%;
}
#maincontent #right #six {
max-width: 100%;
background-color: #056E74;
border-radius: 13px;
padding-top: 4%;
padding-bottom: 4%;
height: 410px;
}
#right #six h2 {
color: #FFFFFF;
text-align: center;
font-size: 1.2em;
}
#right #six ul li {
color: #FFFFFF;
margin-top: 14%;
margin-left: 5%;
list-style-type: square;
margin-bottom: 13%;
}
#six ul li a {
color: #FFFFFF;
font-size: 1em;
text-decoration: none;
margin-top: 4%;
}
#maincontent #right #seven {
max-width: 100%;
background-color: #056E74;
margin-bottom: 12px;
border-radius: 13px;
padding-top: 3%;
padding-bottom: 3%;
height: 245px;
}
#right #seven h2 {
color: #FFFFFF;
text-align: center;
font-size: 1.2em;
}
#seven ul li {
list-style-type: square;
color: #FFFFFF;
margin-top: 5%;
margin-bottom: 5%;
margin-left: 5%;
}
#seven ul li a {
color: #FFFFFF;
font-size: 1em;
text-decoration: none;
}
#maincontent #right #eight {
max-width: 100%;
background-color: #056E74;
height: 239px;
padding-top: 3%;
padding-bottom: 3%;
border-radius: 13px;
}
#right #eight h2 {
color: #FFFFFF;
text-align: center;
font-size: 1.2em;
}
#eight ul li {
margin-top: 4%;
margin-bottom: 5%;
list-style-type: square;
color: #FFFFFF;
list-style-position: inside;
margin-left: 3%;
}
#eight ul li a {
color: #FFFFFF;
font-size: 1em;
text-decoration: none;
}
#maincontent #right #nine {
max-width: 100%;
border-radius: 13px;
background-color: #056E74;
padding-top: 4%;
padding-bottom: 4%;
margin-bottom: 12px;
height: 580px;
}
#right #nine h2 {
color: #FFFFFF;
text-align: center;
font-size: 1.2em;
}
#nine ul li {
margin-left: 5%;
color: #FFFFFF;
list-style-type: square;
margin-top: 21%;
margin-bottom: 21%;
}
#nine ul li a {
color: #FFFFFF;
text-decoration: none;
font-size: 1.25em;
}
#maincontent #right #ten {
background-color: #056E74;
border-radius: 13px;
padding-top: 4%;
padding-bottom: 4%;
max-width: 100%;
height: 570px;
min-width: 0px;
}
#right #ten h2 {
color: #FFFFFF;
text-align: center;
font-size: 1.2em;
}
#ten ul li {
margin-left: 5%;
color: #FFFFFF;
list-style-type: square;
margin-top: 21%;
margin-bottom: 21%;
}
#ten ul li a {
color: #FFFFFF;
text-decoration: none;
font-size: 1em;
}
#maincontent #middle #accordion {
width: 98%;
margin-left: 1%;
margin-right: 1%;
}
#middle #accordion #case1 {
text-align: center;
font-size: 1.25em;
}
#middle #accordion #case2 {
text-align: center;
font-size: 1.25em;
}
#middle #accordion #case3 {
font-size: 1.25em;
text-align: center;
}
#middle #accordion #leading1 {
text-align: center;
font-size: 1.25em;
}
#middle #accordion #leading2 {
text-align: center;
font-size: 1.25em;
}
#middle #accordion #leading3 {
text-align: center;
font-size: 1.25em;
}
#middle #accordion #freq1 {
text-align: center;
color: #FFFFFF;
font-size: 1.25em;
}
#middle #accordion #freq2 {
text-align: center;
color: #FFFFFF;
font-size: 1.25em;
}
#middle #accordion #freq3 {
color: #FFFFFF;
text-align: center;
font-size: 1.25em;
}
#accordion div p {
margin-top: -6%;
}
#maincontent #right #eleven {
max-width: 100%;
background-color: #056E74;
padding-top: 4%;
padding-bottom: 4%;
margin-bottom: 12px;
border-radius: 13px;
height: 291px;
}
#right #eleven h2 {
color: #FFFFFF;
font-size: 1.2em;
text-align: center;
}
#right #twelve h2 {
color: #FFFFFF;
font-size: 1.2em;
text-align: center;
}
#eleven ul li {
color: #FFFFFF;
list-style-type: square;
margin-left: 10%;
margin-top: 9%;
margin-bottom: 8%;
}
#eleven ul li a {
color: #FFFFFF;
font-size: 1.25em;
text-decoration: none;
}
#maincontent #right #twelve {
max-width: 100%;
background-color: #056E74;
border-radius: 13px;
padding-top: 4%;
padding-bottom: 4%;
height: 285px;
}
#right #twelve ul li {
margin-top: 8%;
margin-bottom: 8%;
color: #FFFFFF;
list-style-type: square;
margin-left: 10%;
}
#twelve ul li a {
color: #FFFFFF;
text-decoration: none;
font-size: 1.25em;
}
#maincontent #middle #newsletter {
height: 395px;
margin-top: -10%;
width: 100%;
margin-left: -33%;
}
#middle #newsletter p {
text-align: right;
display: inline-block;
margin-bottom: -14%;
margin-right: 64px;
font-size: 1em;
margin-top: 7%;
width: 100%;
}
#newsletter p #fName {
margin-left: 10px;
}
#newsletter p #lName {
margin-left: 10px;
}
#newsletter p #email {
margin-left: 15px;
}
#middle #newsletter #four {
margin-left: -13%;
margin-top: -2%;
}
#newsletter #four #submit {
background-color: #6CADAB;
color: #3A4771;
border-bottom: 4px solid #3A4771;
}
#middle #newsletter #para1 {
}
#maincontent #middle h3 {
text-align: center;
color: #FFFFFF;
font-size: 1.25em;
}
.leftcontent .galleria img {
border-radius: 0px;
}
#maincontent #right #thirteen {
max-width: 100%;
background-color: #056E74;
border-radius: 13px;
padding-top: 3%;
padding-bottom: 3%;
margin-bottom: 12px;
height: 164px;
}
#right #thirteen h2 {
color: #F8F3F3;
text-align: center;
font-size: 1.2em;
}
#thirteen ul li {
color: #FFFFFF;
list-style-type: square;
margin-top: 1%;
}
#thirteen ul li a {
color: #F8F3F3;
text-decoration: none;
font-size: 1.25em;
}
#fourteen ul li a {
color: #FFFFFF;
font-size: 1.25em;
text-decoration: none;
}
#maincontent #right #fourteen {
max-width: 100%;
background-color: #056E74;
padding-top: 3%;
padding-bottom: 3%;
border-radius: 13px;
height: 163px;
}
#right #fourteen h2 {
color: #FFFFFF;
text-align: center;
font-size: 1.2em;
}
#fourteen ul li {
margin-top: 1%;
color: #FFFFFF;
list-style-type: square;
}
#wrapper #top {
width: 100%;
clear: both;
margin-bottom: 2%;
}
#wrapper #top a {
color: #3A4771;
text-align: center;
font-size: 1.25em;
text-decoration: none;
margin-left: 48%;
margin-bottom: 5%;
}
#wrapper #top a {
}
#footer p a {
text-decoration: none;
color: #3A4771;
}
#wrapper .fb-like {
clear: both;
width: 100%;
margin-left: 49%;
}
@media screen and (orientation:portrait) and (max-width:650px){
#maincontent .leftcontent {
clear: both;
width: 100%;
}
#maincontent .leftcontent iframe {
border-radius: 0px;
height: 210px;
margin-left: -4%;
}
#maincontent .leftcontent #image11 {
display: none;
}
#maincontent .leftcontent #image2 {
border-radius: 0px;
max-width: 100%;
height: 194px;
margin-bottom: -16%;
margin-left: -3%;
}
#maincontent .leftcontent #image3 {
display: none;
}
#maincontent .leftcontent #image8 {
margin-left: -3%;
border-radius: 0px;
height: 194px;
margin-bottom: -14%;
}
#maincontent .leftcontent #image9 {
display: none;
}
#maincontent .leftcontent #image1 {
display: none;
}
#wrapper header {
height: 154px;
width: 100%;
}
#wrapper header img {
height: 146px;
}
#maincontent .leftcontent #image4 {
display: none;
}
.menu ul li a:hover {
color: #002D1D;
}
#maincontent #right #one {
border-radius: 0px;
height: 150px;
}
#right #one h2 {
line-height: 71px;
margin-top: -25px;
font-size: 1.05em;
}
#one ul li {
margin-top: -8%;
margin-left: -4px;
margin-bottom: 12%;
}
#one ul li a {
font-size: 1em;
}
#maincontent #right #two {
border-radius: 0px;
height: 170px;
}
#right #two h2 {
font-size: 18px;
margin-bottom: 33px;
}
#two ul li {
margin-left: -4px;
margin-top: -5%;
margin-bottom: 9%;
}
#two ul li a {
font-size: 1em;
}
#maincontent .leftcontent #image5 {
height: 164px;
width: 100%;
margin-left: -3%;
border-radius: 0px;
margin-bottom: -15%;
}
#maincontent #middle #twenty {
margin-top: -15%;
}
#maincontent #middle p {
font-size: 1em;
}
#wrapper #top {
width: 100%;
text-align: center;
color: #3A4771;
font-size: 0em;
}
#four ul li a {
font-size: 1em;
}
#main h1 {
font-size: 1.25em;
line-height: 10px;
}
#main h2 {
font-size: 1em;
line-height: 5px;
}
#main h3 {
font-size: 0.9em;
line-height: 3px;
}
#wrapper #footer p {
font-size: 1em;
}
#maincontent #middle {
clear: both;
width: 100%;
border-radius: 0px;
background-color: #F8F3F3;
color: #3A4771;
margin-top: 21%;
margin-bottom: 17px;
}
#wrapper #maincontent #right {
clear: both;
width: 100%;
}
#maincontent #middle #accordion {
width: 98%;
margin-right: 1%;
margin-left: 1%;
}
#middle #accordion div {
background-color: #FFFFFF;
}
#maincontent #middle p {
color: #3A4771;
}
#maincontent #leftcontent #image1 {
display: none;
}
#middle #accordion div {
padding-bottom: 8%;
}
#maincontent #right #three {
width: 100%;
border-radius: 0px;
height: 180px;
padding-top: 3%;
}
#right #three h2 {
line-height: 0px;
font-size: 1.08em;
margin-bottom: 41px;
}
#three ul li {
margin-top: -5%;
}
#three ul li a {
font-size: 1em;
}
#maincontent #right #four {
border-radius: 0px;
height: 250px;
padding-top: 1%;
padding-bottom: 1%;
}
#right #four h2 {
line-height: 0px;
font-size: 1.08em;
margin-bottom: 43px;
}
#four ul li {
margin-top: 2%;
padding-right: 5%;
}
.maincontent .leftcontent #image7 {
display: none;
}
#maincontent #right #seven {
border-radius: 0px;
padding-bottom: 0%;
text-decoration: none;
height: 0px;
}
#maincontent #right #five {
height: 270px;
border-radius: 0px;
padding-top: 1%;
}
#maincontent #right #five h2 {
line-height: 0px;
font-size: 1.08em;
margin-bottom: 33px;
}
#five ul li {
padding-right: 5%;
margin-top: -12%;
}
#middle #accordion #case1 {
font-size: 0em;
}
#middle #accordion #case2 {
font-size: 1em;
}
#middle #accordion #case3 {
font-size: 1em;
}
#five ul li a {
font-size: 1em;
}
#six ul li a {
font-size: 1em;
}
#maincontent #right #seven {
height: 300px;
}
#seven ul li a {
font-size: 1em;
}
#eight ul li a {
font-size: 1em;
}
#middle #accordion #case1 {
height: 27px;
color: #FFFFFF;
font-size: 1em;
}
#maincontent .leftcontent #image6 {
height: 143px;
margin-left: -4%;
border-radius: 0px;
margin-bottom: -10%;
}
#middle #accordion #case1 {
}
#middle #accordion #aromas1 {
font-size: 1em;
}
#middle #accordion #aromas2 {
font-size: 1em;
}
#middle #accordion #aromas3 {
font-size: 1em;
padding-top: 4px;
height: 35px;
}
#six ul li a {
}
#six ul li {
padding-right: 5%;
margin-left: 0px;
margin-top: -6%;
}
#maincontent #right #six {
height: 216px;
border-radius: 0px;
padding-top: 1%;
margin-bottom: 21%;
}
#right #six h2 {
line-height: 0px;
font-size: 1.08em;
}
#maincontent #right #seven {
height: 199px;
border-radius: 0px;
min-width: 0px;
}
#right #seven h2 {
line-height: 2px;
font-size: 1.08em;
}
#seven ul li {
margin-top: 6%;
margin-bottom: 4%;
}
#eight ul li {
margin-top: 6%;
margin-bottom: 4%;
}
#maincontent #right #eight {
height: 160px;
border-radius: 0px;
}
#right #eight h2 {
line-height: 0px;
font-size: 1.08em;
margin-bottom: 25px;
}
#maincontent #right #nine {
padding-top: 9%;
border-radius: 0px;
height: 185px;
margin-bottom: 12px;
}
#right #nine h2 {
line-height: 71px;
margin-top: -36px;
margin-bottom: 33px;
font-size: 1.08em;
}
#nine ul li {
margin-top: -14%;
margin-left: 0px;
}
#nine ul li a {
font-size: 1em;
}
#maincontent #right #ten {
border-radius: 0px;
padding-top: 9%;
margin-bottom: 0px;
height: 193px;
}
#right #ten h2 {
margin-top: -21px;
line-height: 72px;
margin-bottom: 33px;
font-size: 1.08em;
}
#ten ul li {
margin-left: 0px;
margin-top: -13%;
}
#ten ul li a {
font-size: 1em;
}
#middle #accordion #leading1 {
font-size: 1em;
}
#middle #accordion #leading2 {
font-size: 1em;
}
#middle #accordion #leading3 {
font-size: 1em;
}
#maincontent #right #eleven {
border-radius: 0px;
height: 140px;
}
#right #eleven h2 {
line-height: 0px;
font-size: 1.08em;
margin-bottom: 5%;
}
#right #eleven ul li {
margin-top: 1%;
margin-bottom: 3%;
margin-left: 5px;
}
#eleven ul li a {
font-size: 1em;
}
#maincontent #right #twelve {
border-radius: 0px;
height: 145px;
}
#right #twelve h2 {
line-height: 0px;
font-size: 1.08em;
margin-bottom: 30px;
}
#twelve ul li a {
font-size: 1em;
}
#right #twelve ul li {
margin-top: 3%;
margin-bottom: 3%;
margin-left: 5px;
}
#middle #accordion #freq1 {
font-size: 1em;
}
#maincontent #right #thirteen {
height: 193px;
border-radius: 0px;
margin-top: -20%;
}
#right #thirteen h2 {
line-height: 0px;
font-size: 1.08em;
margin-bottom: 32px;
}
#thirteen ul li {
margin-top: 4%;
}
#thirteen ul li a {
font-size: 1em;
}
#maincontent #right #fourteen {
border-radius: 0px;
height: 168px;
}
#right #fourteen h2 {
line-height: 0px;
font-size: 1.08em;
margin-bottom: 33px;
}
#fourteen ul li {
margin-top: 5%;
}
#fourteen ul li a {
font-size: 1em;
}
#middle #accordion #freq2 {
font-size: 1em;
}
#middle #accordion #freq3 {
font-size: 1em;
}
#maincontent .leftcontent .galleria {
display: none;
}
#maincontent .leftcontent #image7 {
display: none;
}
#accordion div p {
padding-bottom: 28px;
}
#middle #accordion p {
background-color: #FFFFFF;
margin-top: 1%;
}
#maincontent .leftcontent #image3 {
}
#maincontent #middle #newsletter {
margin-left: -13%;
margin-bottom: 0%;
}
#middle #newsletter #four {
margin-left: -27%;
}
#newsletter #four #submit {
margin-left: -26%;
}
#newsletter p label {
}
#newsletter p label {
}
#wrapper {
}
#wrapper #footer {
}
#maincontent .leftcontent #image10 {
margin-left: -3%;
border-radius: 0px;
height: 194px;
margin-bottom: -14%;
}
#wrapper #footer a {
text-align: center;
color: #3A4771;
text-decoration: none;
}
#wrapper #footer p {
color: #3A4771;
text-align: center;
text-decoration: none;
}
#footer p a {
text-decoration: none;
}
#footer p a {
color: #3A4771;
text-decoration: none;
}
#maincontent .leftcontent .galleria {
display: none;
}
}
AdChoices