/* start of mobile screen */
@media screen and (max-width: 420px){body{background: #F0E890;font-size: 12pt;font-family:'Raleway',arial; letter-spacing: 1px; min-width:320px;text-align:justify}
}
/* End of mobile screen */
@media screen and (min-width: 421px){body{background: #F0E890; width: 100%;font-size: 18pt;font-family:'Raleway',arial;letter-spacing: 1px; text-align:justify}
}
/* End of tablet screen *//* start of screen screen */
@media screen and (min-width: 670px){
body{background: #F0E890; color: #000000;width: 100%;font-size: 12pt;font-family:'Raleway',arial; letter-spacing: 1px;text-align:justify}
}
/* end of large screem */
h1{font-size: 12pt;font-weight: bold;margin: 0px; display:inline; letter-spacing:2px;font-family:'Raleway',arial;}
html{height: 100%;}
a {text-decoration: none; color:#000000;}
a:hover{ text-decoration:underline; }a.none	{text-decoration: none; color:#ffffff;}
.center{text-align: center;margin: 0px auto 0px auto}
img{width: 100%; height: 100%;}
.imgrot{width: 100%; height: 100%; -webkit-animation:spin 8s linear infinite;-moz-animation:spin 8s linear infinite;animation:spin 8s linear infinite;}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
.imgrot:hover{-webkit-animation: paused;-moz-animation: paused;-o-animation: paused;animation: none;}
.fb-like-box {width: 100% !important}