}@font-face {
    font-family: helvetica

}

html, body {
	margin: 0;
	padding: 0;
}

body {
  background: url('../images/clouds.png') no-repeat center center fixed; 
  

}

section {
	width: 90%;
    height: 0;
    padding-bottom: 50%;
	background: url(../images/new_mag.png);
	background-size: cover; 
	position: relative;
	margin: 10% auto 2%;
	
}

aside{
	padding-left:19%;
	padding-top:4%;
		
	
}
#inter1{
  position:relative;
	width: 90%%;
}
#inter1 img {
  position:absolute;
  right:-3%;
	top: 5%;
  -webkit-transition: opacity 8s ease-in-out;
  -moz-transition: opacity 8s ease-in-out;
  -o-transition: opacity 8s ease-in-out;
  transition: opacity 8s ease-in-out;
}

@keyframes inter1FadeInOut {
  0% {
  opacity:.9;
}
25% {
opacity:.25;
}
55% {
opacity:60;
}
100% {
opacity:0;
}
}

#inter1 img.top {
animation-name: inter1FadeInOut;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 10s;
animation-direction: alternate;
}

#inter1 img.bottom {
opacity: .0;
}

#inter2{
  position:relative;
	width: 90%%;
}
#inter2 img {
  position:absolute;
  right:4%;
	top: 5%;
  -webkit-transition: opacity 6s ease-in-out;
  -moz-transition: opacity 6s ease-in-out;
  -o-transition: opacity 6s ease-in-out;
  transition: opacity 6s ease-in-out;
}

@keyframes inter2FadeInOut {
  0% {
  opacity:0;
}
25% {
opacity:.6;
}
55% {
opacity:.25;
}
100% {
opacity:.9;
}
}

#inter2 img.top {
animation-name: inter2FadeInOut;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 12s;
animation-direction: alternate;
}

#inter2 img.bottom {
opacity: .1;
}

#inter3{
  position:relative;
	width: 90%%;
}
#inter3 img {
  position:absolute;
  right:4%;
	top: 5%;
  -webkit-transition: opacity 6s ease-in-out;
  -moz-transition: opacity 6s ease-in-out;
  -o-transition: opacity 6s ease-in-out;
  transition: opacity 6s ease-in-out;
}

@keyframes inter3FadeInOut {
  0% {
  opacity:.9;
}
25% {
opacity:.25;
}
55% {
opacity:60;
}
100% {
opacity:0;
}
}

#inter3 img.top {
animation-name: inter3FadeInOut;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 12s;
animation-direction: alternate;
}

#inter3 img.bottom {
opacity: 0;
}




#main {
widht:100%;
min-width: 400px;
max-width:1000px;

position:relative;
}
.signature a {
background: url(../images/signature.png) no-repeat;
position: absolute;
right:0px;
bottom:60px;
width:288px;
height:86px;
opacity:1;
}


 .dove a {
background: url(../images/dove.png) no-repeat;
position: absolute;
bottom: 100px;
left:60px;
width:270px;
height:425px;
margin-bottom:1%;
margin-left:1%;
opacity:0;

}  
.rose a {
background: url(../images/rose.png) no-repeat;
position: absolute;
bottom:20px;
left:200px;
width:230px;
height:230px;
margin-bottom:7%;
margin-right:20%;
opacity:0;
}


.pipe a {
background: url(../images/pipe.png) no-repeat;
position: absolute;
bottom: 100px;
right:0px;
margin-bottom:10%;
margin-right:1%;
width:225px;
height:280px;
opacity:0;
}


a:hover {
opacity:1.0;
filter: alpha(opacity=100);
  transition-duration: 1s;
   -webkit-transition-duration: 1s;
   -moz-transition-duration: 1s;
   -o-transition-duration: 1s;
}
h1{

font-family: helvetica;
font-weight:lighter;
font-size:170%;
color:rgba(113,4,4,1.00);
}



h2{

font-family: helvetica;
font-weight:lighter;
font-size:120%;
color:rgba(113,4,4,1.00);

}


#quotes{
 
background-color:rgba(194,198,180,0.5);
padding:2% 20% 1% 20%;



}

#imagerene img{ 
  
  width: 40%;
  float:left;
padding:6% 3% 5% 3%;


}
.belgian {
float:inherit;
background-color:rgba(194,198,180,0.5);
padding:5% 10% 8% 5%;


}



}
    -webkit-animation: fadein 4s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 4s; /* Firefox < 16 */
    -ms-animation: fadein 4s; /* Internet Explorer */
    -o-animation: fadein 4s; /* Opera < 12.1 */
    animation: fadein 4s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}



}