@charset "utf-8";
/* CSS Document */
#sub {
	margin-left:5px;
}


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

.thumb,
h2 {
	font-size: 24px;
}

.meny {
	padding: 20px;
}
.meny ul {
	margin-top: 25px;
}
.meny ul li {
	width: 200px;
	font-size: 20px;
	padding: 10px 20px;
}
.meny ul li:before {
	margin-right: 5px;
}



.contents {
	
}

.meny-left .meny-arrow {
	left: 16px;
}

#logo img{
	max-width: 250%;
	height: auto;
}

.contents .footer {
	height: 30px;
	padding-bottom: 10px;
}
.footer p{
	font-size:15px;
}
#logo {
	padding-left:10px;
	padding-top:5px;
}


} /*@media screen and (min-width:769px) "PC"end*/



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

.thumb,
h2 {
	font-size: 20px;
}

.meny {
	padding: 15px;
}
.meny ul {
	margin-top: 20px;
}
.meny ul li {
	width: 200px;
	font-size: 20px;
	padding: 7px 15px;
}
.meny ul li:before {
	margin-right: 5px;
}



.contents {

}

.meny-left .meny-arrow {
	left: 10px;
}

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

#logo {
	padding-left:10px;
	padding-top:5px;
}


#sub {
	max-width: 100%;
	height:auto;
}


.contents .footer {
	height: 20px;
	font-size:5px;
	padding-bottom: 10px;
}
.footer p{
	font-size:15px;
}




} /*@media screen and (max-width:768px) "Tablet"end*/


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

.thumb,
h2 {
	font-size: 20px;
}

.meny {
	padding: 10px;
}
.meny ul {
	margin-top: 10px;
}
.meny ul li {
	width: 150px;
	font-size: 15px;
	padding: 5px 12px;
}
.meny ul li:before {
	margin-right: 5px;
}



.contents {

}

.meny-left .meny-arrow {
	left: 5px;
}

#logo img{
	max-width: 75%;
	height: auto;
}
#logo {
	padding-left:5px;
	padding-top:1px;
}




.contents .footer {
	height: 15px;
	padding-bottom: 15px;
}
.footer p{
	font-size:15px;
}




} /*@media screen and (max-width:768px) "Smart"end*/


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

.footer p{
	font-size:11px;
}
#sub {
	max-width: 35%;
	height:auto;
}




}