html,body{

widht:100%;
heigth:100%;
background:#302b28;
}

.st0{fill:#F4F4D4;}
	.st1{fill:none;stroke:#F4F4D4;stroke-miterlimit:10;}


#swan {
  stroke-dasharray: 1171.414;
  stroke-dashoffset: 1171.414;
  animation: dash 7s linear forwards;
}

@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}
main {
  
  width:90%;
  margin:5% auto;
  
}
#imgcontainer {
	width:100%;
	height:auto;
	padding-left:60%;
  padding-top: 10%;
  }
	
img {
    max-width:100%;
    height: auto;
    }

@media (min-width:961px) { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
img {
    max-width:30%;
    height: auto;
    }

}

@media only screen and (max-width: 760px) {


main{
    margin: 15%;
}

img {
    max-width:100%;
    height: auto;
    }

}
@media only screen and (max-width: 680px) {



img {
    max-width:100%;
    height: auto;
    }

}


}

.content {
  
  	padding:20%;
    position:relative; 
    
}

.content h2 {
	
	font-size: 180%;
	font-family: 'Loved by the King',cursive;
	color:#F4F4D4;
}

header h2{
	font-family: 'Loved by the King',cursive;
	color: #F4F4D4;
	font-size: 180%;
	text-align: center;
	
}