@charset "utf-8";

/* CSS Document */


body {

	background-color: #FFF;

	font-size: 130%;

	color: #000;

	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif

}

/* Hide the Silktide credit link */
#stcm-wrapper [class*="credit"],
#stcm-wrapper a[href*="silktide"] {
  display: none !important;
}


a {

	color: #06F;

	text-decoration: underline;

}

a: visited {

	color: #06F;

	text-decoration: underline;

}

a: hover {

	color: #C00;

	text-decoration: underline;

}

.main {

	width:100%;

	max-width: 825px;

	margin: 0 auto;

	text-align: center;

	margin-bottom: 10px

}

.right {

	float: right;

	width: 400px;

	margin-bottom: 0px

}

.left {

	float: left;

	width: 400px;

	margin-bottom: 0px

}

.header {

	font-size: 30px;

	color: #C00;

	margin: 0 auto;

	width:100%;

	max-width: 825px;	

	text-align: center

}

.footer {

	width:100%;

	max-width: 825px;

	margin: 0 auto -15px;

	font-size: 14px;

	color: #000;

	border-top: solid #F00 5px;

	padding-top: 10px;

	clear: both;

	text-align: center

}

img {

	border: 0;

	margin-bottom: 15px;

}

.text {

	text-align: center;

}

.box-1 {

	width: 239px;

	padding: 10px;

	float: left;

	border: solid #c0c0c0 1px;

	font-size: 18px;

	text-align: center;

	margin-right: 20px;

	height: 430px;

}

.box-2 {

	width: 239px;

	padding: 10px;

	float: left;

	border: solid #c0c0c0 1px;

	font-size: 18px;

	text-align: center;

	margin-right: 0px;

	height: 430px;

}

.creation {

	color: #C00;

	font-weight: bold;

	font-size: 16px;

	margin-bottm: 10px

}

.contest-head {

	text-align: center;

	padding: 10px;

	background-color: #056CAE;

	color: #FFF;

	font-size: 20px;

	margin-bottom: 10px

}

.answer {

	color: #666;

	font-weight: bold;

	font-size: 12px

}

.spacer-1 {

	width: 100%;

	height: 20px;

	clear: both

}

a.wikki:link {

	color: #ed1b24;

}

a.wikki:visited {

	color: #ed1b24;

}

a.wikki:hover {

	color: #0064b2

}

.restaurant {

	font-size: 14px;

	font-style: italic;

	text-align: center

}

.instruction-left {

	float: left;

	width: 65%;

	text-align: left;

	line-height: 1.25

}

ol {

	margin-left: 10px;

}

/*================ 04.01.2017 =================*/

/*.main > img {

    height: auto;

    width: 100%;

}*/

.box-1 > img, .box-2 > img {

    height: auto;

    width: 100%;

	

}

.headLogoSubmittedCreations > img {

    height: auto;

    width: 100%;

	max-width:600px;

}



img.headingLogo{width:100%;max-width:600px;height:auto;}

.headingLogo > img {

    height: auto;

    max-width: 559px;

    width: 100%;

}

.instruction-left li {

    font-size: 1.2rem;

}

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

	.main > img.instruction-img {

    height: auto;

    max-width: 105px;

    width: 100%;

}

.instruction-left li {

    font-size: 0.5rem;

}

.instruction-left ol {

    margin: 0;

    padding: 0 5px;

}

}

.instruction-left p{font-size:1.2rem;}



@media only screen and (min-width: 322px) and (max-width: 417px) {

	.main > img.instruction-img {

    height: auto;

    max-width: 119px;

    width: 100%;

}

.instruction-left li {

    font-size: 0.6rem;

}

.instruction-left ol {

    margin: 0;

    padding: 0 5px;

}

}





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

.instruction-left p {

    font-size: 0.6rem !important;

}	

.instruction-left li {

    font-size: 0.6rem;

}	

.box-1, .box-2{width:100%;height:auto;margin-bottom:10px;}

.main {

    margin: 0 auto 10px;

    max-width: 825px;

    padding: 10px;

    text-align: center;

    width: 100%;

}

}

@media only screen and (min-width: 418px) and (max-width: 769px){

.main {

    padding: 10px;

}

.box-1 {

    border: 1px solid #c0c0c0;

    float: left;

    font-size: 18px;

    height: 430px;

    margin-right: 20px;

    padding: 10px;

    text-align: center;

    width: 30%;

}

.box-2 {

    border: 1px solid #c0c0c0;

    float: left;

    font-size: 18px;

    height: 430px;

    margin-right: 0;

    padding: 10px;

    text-align: center;

    width: 31%;

}

.instruction-left {

    float: left;

    width: 50%;

    text-align: left;

    line-height: 1.25;

}

.instruction-left li {

    font-size: 1rem;

}

.instruction-left ol {

     margin-left: 8px;

    padding: 0 5px;

}

.instruction-img {

    height: auto;

    max-width: 50%;

    width: 100%;

}

}