body{
	background-color: #f2f1e8; 
	margin-left:80px; 
	margin-top:130px; 
	color:#0b1f65; 
	font-family: sans-serif;
}

.wrapper{
	overflow-x:hidden;
	width:100%;
	position:relative;
}

@font-face {
  font-family: "britanic";
  src: url("/demo-sites/fonts/britanic.ttf") format("truetype");
}

h1, h2, h3{font-family:britanic, sans serif}

.top {
	position:fixed; 
	transition:1.0s; 
	right:0;
	top:30%;
	height:70%;
	z-index:2;
}

.top img{
	height:100%;
	float:right;
}

.back{
	position:fixed; 
	transition:1.0s; 
	right:0; 
	top:0;
	width:40%;
	height:100%;
	z-index:1;
	background-image:url("/demo-sites/images/puffinback.png");
}

@media screen and (min-width:1000px) {
	.top{height:105%; top:10%}
	.back{width:28%}
}

@media screen and (min-width:1100px) {
	.top{height:110%; top:5%}
	.back{width:29%}
}

@media screen and (min-width:1200px) {
	.top{height:115%; top:0%}
	.back{width:30%}
}

@media screen and (min-width:1300px) {
	.top{height:125%; top:-5%}
	.back{width:32%}
}

@media screen and (min-width:1400px) {
	.top{height:140%; top:-10%}
	.back{width:34%}
}

.menu{
	font-family:britanic, sans serif;
	font-size:22px;
	background-color:#e34234;
	border-right:#0b1f65 thick solid;
	color:#f2f1e8;
	position:fixed;
	left:0;
	top:0;
	height:100%;
	width:60px;
	z-index:3;
}

.menu li{display:inline-block; padding:0 10px 0 10px}

.menu a{
	text-decoration:none; 
	color:#f2f1e8;
	background-image: linear-gradient(to right, rgba(215,164,73,1), rgba(215,164,73,1));
	transition: background .5s;
	background-size: 0 100%;
	background-repeat: no-repeat;
	background-position: 0 21px;
}

.menu a:hover{color:#dbb070; background-size: 100% 100%;}

.rotate270{
	position:fixed;
	top:240px;
	left:-215px;
	-webkit-transform:rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.waves{
	background-image:url("/demo-sites/images/waves.png");
	position:relative;
	z-index:2;
	left:-80px;
	width:150%;
}

.title{
	position:relative;
	left:7%;
	width:25%;
	background-color:#f2f1e8;
	padding:10px 40px 10px 20px;
	display:inline-block;
}

.title img{width:100%; border-left: #e34234 thick solid; padding:5px}

.newsfeed{
	padding-top:60px;
	position:relative;
	left:5%;
	width:40%;
}

.newsfeed p{text-align:justify;}

.newsfeed a{
	text-decoration:none; 
	color:#0b1f65;
	background-image: linear-gradient(to right, rgba(227,56,52,1), rgba(227,56,52,1));
	transition: background .5s;
	background-size: 0 100%;
	background-repeat: no-repeat;
	background-position: 0 30px;
}

.newsfeed a:hover{color:#e34234; background-size: 100% 100%;}

.about{
	padding-top:60px;
	padding-bottom:100px;
	position:relative;
	left:5%;
	width:40%;
}

.contactform{
	position:relative;
	left:5%;
	width:40%;
	padding-bottom:100px;
}

.row{width:100%; display:flex; padding:5px 0 5px 0}

.smallcolumn{width:15%}

.bigcolumn{width:45%}

.message{width:60%}

textarea{
	width:100%;
	border: 2px solid #0b1f65; 
    border-radius: 4px;
	padding:2px;
	resize: none;
}

.contactform input{
	width:100%;
	border: 2px solid #0b1f65; 
    border-radius: 4px;
	padding:2px;
}

input[type=submit] {
  background-color: #dbb070;
  border: none;
  color: #f2f1e8;
  padding: 5px;
  text-decoration: none;
  border-radius: 4px;
  cursor: pointer;
  transition:0.4s;
}

input[type=submit]:hover {background-color: #e34234; transition:0.4s;}

.about p{text-align:justify;}

.puffincam {
	Position: fixed;
	top: 55px;
	right: 30px;
	color:#f2f1e8;
	background-color:#e34234;
	z-index:5;
	padding: 0 15px 0 15px;
	border:#0b1f65 thick solid;
	border-radius: 15px;
	width:15%;
}

.puffincam img{width:100%}

.puffincam img:hover{opacity:0.8}

.fade{animation:fading 5s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}

.goback{
	position:fixed;
	left:0px;
	bottom:0px;
	height:40px;
	background-color: #040;
	width:100%;
	text-align: center;
	padding-top: 10px;
	z-index:10;
	border-top:4px solid #ffde17;
	font-size: 20px;
}

.goback a{color:#ffde17; text-decoration: none;}

.goback a:hover{color:#fff; text-decoration: none;}