* {margin: 0px; padding: 0px;}

@font-face {
    font-family: 'Ralewaybold';
    src: url('https://www.silverknife.co.uk/fonts/RalewayCR-Bold.woff2') format('woff2'),
         url('https://www.silverknife.co.uk/fonts/RalewayCR-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'Ralewaybolditalic';
    src: url('https://www.silverknife.co.uk/fonts/RalewayCR-BoldItalic.woff2') format('woff2'),
         url('https://www.silverknife.co.uk/fonts/RalewayCR-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;

}

@font-face {
    font-family: 'Ralewayitalic';
    src: url('https://www.silverknife.co.uk/fonts/RalewayCR-Italic.woff2') format('woff2'),
         url('https://www.silverknife.co.uk/fonts/RalewayCR-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;

}


@font-face {
    font-family: 'Raleway';
    src: url('https://www.silverknife.co.uk/fonts/RalewayCR-Regular.woff2') format('woff2'),
         url('https://www.silverknife.co.uk/fonts/RalewayCR-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


div#outercontainer {width: 100%; padding-bottom: 20px; padding-top: 50px; min-height: 1000px; background-image: url(background.jpg); background-position: center -50px; background-size: cover;}
div.innercontainer {background-color: white; border: 1px solid #ddd; margin-left: auto; margin-right: auto; padding-bottom: 20px}
div#infobox {background-color: white; border: 1px solid #ddd; margin-left: auto; margin-right: auto; margin-top: 40px; padding-bottom: 20px; padding-top: 20px;}
div.widecontainer {border: 0px solid #ddd; margin-left: auto; margin-right: auto; padding-bottom: 20px; background: none}

h1 {font-family: "Alegreya Sans"; font-size: 210%; font-weight: 500; margin-top: 20px; margin-bottom: 0px; margin-left: 30px}
h2 {font-family: "Alegreya Sans"; font-weight: 400; margin-top: 10px; margin-left: 30px; margin-right: 30px}
h3 {font-family: "Alegreya Sans"; font-size: 110%; font-weight: 600; margin-left: 30px; margin-right: 30px}
p {font-family: "Droid Serif"; font-size: 100%; margin-top: 20px; margin-left: 30px; margin-right: 30px; text-align: justify; line-height: 25px;}
li {font-family: "Droid Serif"; font-size: 100%; margin-top: 20px; margin-left: 70px; margin-right: 30px; text-align: justify;}

p.returnlink a {font-size: 75%; font-family: "Alegreya Sans";}

p.footnote {font-size: 85%; font-style: "Italic";}

a.homelink {font-family: "Alegreya Sans"; color: black; font-size: 90%; font-weight: 500; float: right; margin-right: 5px; }

strong {font-weight: bold;}
hr {margin-top: 20px; margin-left: 20px; margin-right: 20px;}


@media screen and (max-width: 750px) {
    div.innercontainer, div#infobox {
        width: 100%;
    }
    div.widecontainer {
        width: 100%;
    }
}

@media screen and (min-width: 751px) {
    div.innercontainer, div#infobox {
        width: 750px;
    }
    div.widecontainer {
        width: 750px;
    }
}

@media screen and (min-width: 1100px) {
    div.innercontainer, div#infobox {
        width: 750px;
    }
    div.widecontainer {
        width: 1100px;
    }
}

div#fb {
	display: block;
	float: left;
	margin-right: 60px;
	margin-left: 40px;
}

div#twitter {
	float: left;
	margin-left: 0px;
}

div#___plus_0 {
	margin-left: 60px !important;
}

video {
	width: 10%;
	margin-left: 5%;
	margin-top: 120px;
}

div.product {width: 30%; display: block; float: left; margin-left: 5px;}
div.product h3 {margin-left: 5px; margin-right: 10px;}

div.writingbutton {width: 100%; height: 95%; border: 0px; box-shadow: 1px 1px 2px; background-color: white; padding: 10px; transition: margin-top 0.3s, rotate 0.3s, box-shadow 0.3s;}
div.writingbutton img {width: 100%; border: 0px solid black;}

div.writingbutton a {text-decoration: none}

div.writingbutton a h1 {font-family: "Alegreya Sans"; font-size: 160%; font-weight: 500; margin-top: 2px; margin-left: 5px; text-decoration: none; color: black;}
div.writingbutton a h2 {font-family: "Alegreya Sans"; font-size: 120%; font-weight: 400; margin-top: 0px; margin-left: 5px; margin-right: 30px; text-decoration: none; color: black;}


div.hbcont {width:300px; max-width: 75%; height: 300px; float: left; margin-left: 50px; margin-top: 20px;}

div.homebutton {width: 100%; height: 87%; border: 0px; box-shadow: 1px 1px 2px; background-color: white; padding: 10px; transition: margin-top 0.3s, rotate 0.3s, box-shadow 0.3s;}
div.homebutton img {width: 100%; border: 0px solid black;}

div.homebutton a {text-decoration: none; color: black}
div.homebutton span {font-family: "Alegreya Sans"; font-size: 130%; display: block; margin-top: 5px; line-height: 25px; font-weight: 500;}

div.hbcont:hover div {margin-top: -5px; box-shadow: 5px 5px 10px; transform: rotate(0deg);}

.hbcont:nth-of-type(1) div {
transform: rotate(0.2deg);
}
.hbcont:nth-of-type(2) div {
transform: rotate(1.2deg);
}
.hbcont:nth-of-type(3) div {
transform: rotate(-0.8deg);
}
.hbcont:nth-of-type(4) div {
transform: rotate(0.5deg);
}
.hbcont:nth-of-type(5) div {
transform: rotate(-0.7deg);
}
.hbcont:nth-of-type(6) div {
transform: rotate(0.2deg);
}
.hbcont:nth-of-type(7) div {
transform: rotate(-0.2deg);
}
.hbcont:nth-of-type(8) div {
transform: rotate(1.0deg);
}
.hbcont:nth-of-type(9) div {
transform: rotate(0.5deg);
}
.hbcont:nth-of-type(10) div {
transform: rotate(0.2deg);
}
.hbcont:nth-of-type(11) div {
transform: rotate(-0.7deg);
}


div#uworkscontainer {
    color: white;
    padding-top: 0px;
    margin-top: 0px
}

div#bio {}

div.makingcont {width:310px; height: 360px; float: left; margin-left: 40px; margin-top: 20px;}

div.makingbutton {width: 300px; height: 330px; border: 0px; box-shadow: 1px 1px 2px; background-color: white; padding: 10px; transition: margin-top 0.3s, rotate 0.3s, box-shadow 0.3s;}
div.makingbutton img {border: 0px solid black;}

div.makingbutton a {text-decoration: none; color: black}
div.makingbutton span {font-family: "Alegreya Sans"; font-size: 130%; display: block; margin-top: 5px; line-height: 25px; font-weight: 500;}

div.makingcont:hover div {margin-top: -5px; box-shadow: 5px 5px 10px; transform: rotate(0deg);}


.makingcont:nth-of-type(1) div {
transform: rotate(0.2deg);
}
.makingcont:nth-of-type(2) div {
transform: rotate(1.2deg);
}
.makingcont:nth-of-type(3) div {
transform: rotate(-0.8deg);
}
.makingcont:nth-of-type(4) div {
transform: rotate(0.5deg);
}
.makingcont:nth-of-type(5) div {
transform: rotate(-0.7deg);
}
.makingcont:nth-of-type(6) div {
transform: rotate(0.2deg);
}
.makingcont:nth-of-type(7) div {
transform: rotate(-0.2deg);
}
.makingcont:nth-of-type(8) div {
transform: rotate(1.0deg);
}
.makingcont:nth-of-type(9) div {
transform: rotate(0.5deg);
}
.makingcont:nth-of-type(10) div {
transform: rotate(0.2deg);
}
.makingcont:nth-of-type(11) div {
transform: rotate(-0.7deg);
}


a.return {font-family: "Alegreya Sans"; color: black; font-size: 120%; margin-left: 30px; font-weight: 500; text-decoration: none; color: black; transition: margin-left 0.3s, color 0.3s}
a.return:hover {margin-left: 20px; color: white; transform: rotate(0deg);}

a.returnwhite {width: 300px; font-family: "Alegreya Sans"; color: white; font-size: 120%; margin-left: 30px; font-weight: 500; text-decoration: none; transition: margin-left 0.3s, color 0.3s}
a.returnwhite:hover {margin-left: 20px; color: blue; transform: rotate(0deg);}

a.returnmaking {width: 300px; font-family: "Alegreya Sans"; color: white; font-size: 120%; margin-left: 25px; font-weight: 500; text-decoration: none; transition: margin-left 0.3s, color 0.3s}
a.returnmaking:hover {margin-left: 20px; color: #904F21; transform: rotate(0deg);}



.arrow {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transition: border 0.3s;
}

a.return:hover .arrow {
    border: solid white;
    border-width: 0 3px 3px 0;
    }

a.returnwhite .arrow {
  border: solid white;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transition: border 0.3s;
}

a.returnwhite:hover .arrow {
    border: solid blue;
    border-width: 0 3px 3px 0;
    }

a.returnmaking .arrow {
  border: solid white;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
  transition: border 0.3s;
}

a.returnmaking:hover .arrow {
    border: solid #904F21;
    border-width: 0 3px 3px 0;
    }


.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

div.linkout {background-color: white; width: 38%; margin-left: 1%; float: left; padding: 5%; padding-top: 0px}

div.bigbutton {width: 100%; max-width: 300px; display: block; margin-left: auto; margin-right: auto; padding: 10px}
/*div.bigbutton:hover {box-shadow: 1px 1px 2px black; left: 5px}*/

div.linkout img {width: 100%}

p.linkouttext {font-family: Raleway; margin-top: 0px; font-size: 95%; padding: 2%; font-weight: bold; width: 85%; margin-left: auto; margin-right: auto; border: 3px solid; border-radius: 8px; max-width: 320px; }
a.linkouttext {text-decoration: none; color: black}

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

    div.linkout {width: 90%; margin-left: 5%; padding: 0px; margin-bottom: 20px}
    p.linkouttext {width: 94%; border: 3px solid; border-radius: 8px}

}

div.wanderingmerchant h2 {color: #2d1515; font-weight: bold;}

div.wanderingmerchant a {color: #2d1515; font-weight: bold;}

div.wanderingmerchant div#choosebutton {}

div#mc_embed_shell {width: 600px; margin-left: auto; margin-right: auto;}