.main section.page1 div.bg-image
{
    height: 100%;
    z-index: 1;
    background-color: #616161;
    background-image:  url("../images/zaragoza/3/DSC06620.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    vertical-align: middle;
    opacity: 1;
    
}

.main section.page1 div.bg-text
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    max-width: 100%;
    width: 100%;
}

.main section.page1 a.link-sunseed {
    outline: none;
	text-decoration: none;
	position: relative;
	font-family: 'Open Sans', sans-serif;
    font-size: 6vw;
    letter-spacing: -1px;
	line-height: 1;
	color: #9e9ba4;
	display: inline-block;
    
    text-transform: uppercase;
	font-weight: 900;
	overflow: hidden;
	line-height: 0.75;
	color: #b2b0a9;
}

.main section.page1 a.link-sunseed:hover {
	color: #b2b0a9;
}

.main section.page1 a.link-sunseed::after {
	content: '';
	position: absolute;
	height: 16px;
	width: 100%;
	top: 50%;
	margin-top: -8px;
	right: 0;
	background: #F9F9F9;
	transform: translate3d(-100%,0,0);
	transition: transform 0.4s;
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.main section.page1 a.link-sunseed:hover::after {
	transform: translate3d(100%,0,0);
}

.main section.page1 a.link-sunseed::before {
	content: attr(data-letters);
	position: absolute;
	z-index: 2;
	overflow: hidden;
	color: #424242;
	white-space: nowrap;
	width: 0%;
	transition: width 0.4s 0.3s;
}

.main section.page1 a.link-sunseed:hover::before {
	width: 100%;
}

.main section.page1 h1 {

    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 6vw;
    letter-spacing: -1px;
}

.main section.page1 h2 {

    color: #9e9ba4;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: 100;
    font-size: 5vw;
    font-family: 'Open Sans', sans-serif;
}

.main section.page2 .page_container 
{
    background-color: #CCCCCC;
}

.main section.page2 div.bg-image
{
    height: 100%;
    z-index: 1;
    /* background-image: url(images/harmonic_series.png);*/
    background-position: center;
    background-repeat: no-repeat;
    background-size:100% 100%;
    vertical-align: middle;
    opacity: 0.035;
}


.main section.page2 h1 {
    
    text-align: center;
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-style: italic;
    padding: 0;
    margin-bottom: 100px;
    font-size: 5vw;
    letter-spacing: -1px;
    color: #616161;
}

.main section.page2 div.description {

    font-size: 1.5vw;
    letter-spacing: -1px;
    font-family: 'Chivo', sans-serif;
    font-weight: 300;
    text-align: justify;
    line-height: 160%;
    
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 85%;
    width: 85%;
    color: #616161;
}

.main section.page4 .page_container 
{
    background-color: #CCCCCC;
}

.main section.page4 div.bg-image
{
    height: 100%;
    z-index: 1;
    /* background-image: url(images/harmonic_series.png);*/
    background-position: center;
    background-repeat: no-repeat;
    background-size:100% 100%;
    vertical-align: middle;
    opacity: 0.035;
}


.main section.page4 h1 {
    
    text-align: center;
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-style: italic;
    padding: 0;
    margin-bottom: 100px;
    font-size: 5vw;
    letter-spacing: -1px;
    color: #616161;
}

.main section.page4 div.description {

    font-size: 1.5vw;
    letter-spacing: -1px;
    font-family: 'Chivo', sans-serif;
    font-weight: 300;
    text-align: justify;
    line-height: 160%;
    
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 85%;
    width: 85%;
    color: #616161;
}

.main section.page6 .page_container 
{
    background-color: #CCCCCC;
}

.main section.page6 div.bg-image
{
    height: 100%;
    z-index: 1;
    /* background-image: url(images/harmonic_series.png);*/
    background-position: center;
    background-repeat: no-repeat;
    background-size:100% 100%;
    vertical-align: middle;
    opacity: 0.035;
}


.main section.page6 h1 {
    
    text-align: center;
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-style: italic;
    padding: 0;
    margin-bottom: 100px;
    font-size: 5vw;
    letter-spacing: -1px;
    color: #616161;
}

.main section.page6 div.description {

    font-size: 1.5vw;
    letter-spacing: -1px;
    font-family: 'Chivo', sans-serif;
    font-weight: 300;
    text-align: justify;
    line-height: 160%;
    
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 85%;
    width: 85%;
    color: #616161;
}

.galleria
{
  position: absolute;
  width: 80% !important;
  height: 90% !important;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.galleria_02
{
  position: absolute;
  width: 80% !important;
  height: 90% !important;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.galleria_03
{
  position: absolute;
  width: 80% !important;
  height: 90% !important;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}