@import url("Nickainley/stylesheet.css");
@import url("Nickainley/stylesheet.css");
div {
	background-color: #000000;
}
header {
	background-image: url(images/brushstroke.png);
	background-repeat: no-repeat;
	background-position: 52% 9%;
	background-size: 52% 86%;
}
nav {
	font-family: dawning-of-a-new-day;
	font-style: normal;
	font-weight: 400;
	font-size: 15pt;
}
body {
	background-color: #D5D5D5;
}
peony {
	clear: both;
}

footer {
	clear: both;
	font-family: bad-script;
	font-style: normal;
	font-weight: 400;
	text-shadow: 0 0 #F72982;
	color: #DA5359;
	background-color: #000000;
	font-size: small;
}
nav table a {
	-webkit-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
	text-decoration: none;
	color: #313131;
	font-weight: 400;
	font-style: normal;
	font-family: bad-script;
	font-size: 14pt;
}
nav table a:active {
	color: #D66571;
	font-weight: bolder;
}
tbody tr td {
	font-family: antic-didone;
	font-style: normal;
	font-weight: 400;
	font-size: 11pt;
}


nav {
	font-family: bad-script;
	font-style: normal;
	font-weight: 400;
	font-size: 13pt;
	text-align: center;
	color: #000000;
}
.leftAside {
	width: 33%;
	float: left;
	font-family: bad-script;
	font-style: normal;
	font-weight: 400;
	text-align: left;
	border-right-width: 0%;
	text-shadow: 1px 0px #404040;
	font-size: 22pt;
	color: #DA5360;
	line-height: 109%;
	font-variant: small-caps;
	margin-left: 5%;
}
.rightP {
	width: 54%;
	float: right;
	font-style: normal;
	font-weight: 400;
	line-height: 177%;
	font-size: 12pt;
	text-align: left;
	font-family: antic-didone;
	margin-right: 4%;
}
logo {
}
.rightP .name {
	font-weight: normal;
	font-size: 30pt;
	font-family: Nickainley;
	text-align: left;
}
.photos {
	width: 30%;
   -webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
   -ms-filter: grayscale(100%);
   filter: grayscale(100%);
   filter: gray;
}

.photos:hover {
   -webkit-filter: none;
   -moz-filter: none;
   -ms-filter: none;
   filter: none;
}


.photo {
   -webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
   -ms-filter: grayscale(100%);
   filter: grayscale(100%);
   filter: gray;
}
.photo:hover {
   -webkit-filter: none;
   -moz-filter: none;
   -ms-filter: none;
   filter: none;
}


@media screen and (max-width:568px){
header {
	background-image: url(images/brushstroke.png);
	background-repeat: no-repeat;
	background-position: -125% 36%;
	background-size: 101% 79%;
}
.leftAside {
	width: 100%;
	float: left;
	font-family: bad-script;
	font-style: normal;
	font-weight: 400;
	text-align: center;
	border-right-width: 0%;
	text-shadow: 1px 0px #404040;
	font-size: 29pt;
	color: #DA5360;
	line-height: 109%;
	font-variant: small-caps;
}
.rightP {
	width: 90%;
	float: right;
	font-style: normal;
	font-weight: 400;
	line-height: 177%;
	font-size: 12pt;
	text-align: left;
	font-family: antic-didone;
	margin-left: 4%;
	margin-right: 4%;
}
.photos {
	width: 100%;
}
}

@media screen and (min-width : 538px ) and (max-width : 835px ){
header {
	background-image: url(images/brushstroke.png);
	background-repeat: no-repeat;
	background-position: -125% 36%;
	background-size: 101% 79%;
}
.leftAside {
	width: 98%;
	float: left;
	font-family: bad-script;
	font-style: normal;
	font-weight: 400;
	text-align: center;
	border-right-width: 0%;
	text-shadow: 1px 0px #404040;
	font-size: 35pt;
	color: #DA5360;
	line-height: 109%;
	font-variant: small-caps;
	margin-left: 4%;
}
.rightP {
	width: 82%;
	float: right;
	font-style: normal;
	font-weight: 400;
	line-height: 177%;
	font-size: 12pt;
	text-align: left;
	font-family: antic-didone;
	margin-left: 4%;
	margin-right: 4%;
	margin-top: -4%;
}
.photos {
	width: 100%;
}
}

@media screen and (min-width:800px){
header {
	background-image: url(images/brushstroke.png);
	background-repeat: no-repeat;
	background-position: -45% 36%;
	background-size: 100% 79%;
}
.rightP {
	margin-left: -8%;
	width: 64%;
}
.leftAside {
	font-size: 30pt;
	margin-right: 0%;
}
.photos {
	width: 30%;
}
}
.name {
}
