body {
	font-family: 'Lucida Grande', 'Helvetica Neue', sans-serif;
	font-size: 13px;
	overflow-x: hidden;
}
div#wrapper {
border:2px solid;
width:900px;
background-color:white;
}
a {text-decoration:none;}

.frame * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.frame {
    display: inline-block;
    position: relative;
    border: 1px solid red;
    margin: 22px;
    width: 160px;
    height: 160px;
    text-align: center;
    padding: 0;
}

.frame:hover {
    border: 1px solid blue;
    color: blue;
}

.status {
    font-size: 140px;
    line-height: 160px;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-align: center;
    /* Dodatno za savršeno centriranje simbola */
    display: flex;
    justify-content: center;
    align-items: center;
}

.love {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: black;
    font-size: 20px;
    text-align: center;
    width: 90%;
    pointer-events: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.love p {
    margin-top:-30px;
   font-size: 16px;
    color: white;
    font-weight: bold;
    margin: 0;
    margin-top:-25px;
    padding: 4px;
    box-sizing: border-box;
}

.love p:hover {
color: blue;
}
div#love:hover {
color: blue;
}
.breaking {
position:absolute; 
margin-top:-130px;
width:100%;
}

div#breaking p {
background-color:;
font-size: 16px;
color:orange;
font-weight:bold;
margin-left:1px;
margin-right:1px;
}
#box {
  font-weight:bold;  
}
header {
    background:red; 
    padding-top:1px;
    }
        h1 {
  font: bold Sans-Serif;
  margin-bottom:10px;
    font-family: 'Alfa Slab One';
	font-size: 60px;
	-webkit-text-fill-color:maroon;
-webkit-text-stroke: 2px #F5F5F5;
}
h2{
font-family: 'Diplomata';
	font-size: 70px;
	color:red;
}

 @media only screen and (max-device-width:900px) {
div#wrapper {
border:2px solid;
width:100%;
}
        h1 {
	font-size: 50px;
-webkit-text-stroke: 2px #F5F5F5;
}
h2{
	font-size: 60px;

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

        h1 {
	font-size: 40px;
-webkit-text-stroke: 2px #F5F5F5;
}
h2{
	font-size: 50px;

}
}
@media only screen and (max-device-width:650px) {

        h1 {
	font-size: 30px;
-webkit-text-stroke: 1px #F5F5F5;
}
h2{
	font-size: 40px;

}
}
@media only screen and (max-device-width:500px) {

        h1 {
	font-size: 25px;
-webkit-text-stroke: 1px #F5F5F5;
}
h2{
	font-size: 30px;

}
}
 @media only screen and (max-device-width:450px) {
.frame {
position:relative;
display:inline-block;
margin:10px;
}
h1 {
font-size:25px;
}
h2 {
font-size:17px;
}
h3 {
font-size:15px;
}
}
 @media only screen and (max-device-width:300px) {
.frame {
position:relative;
display:inline-block;
margin:2px;
}
h1 {
font-size:20px;
}
h2 {
font-size:17px;
}
h3 {
font-size:13px;
}
}
 @media only screen and (max-device-width:240px) {
.frame {
position:relative;
display:inline-block;
margin:2px;
}
h1 {
font-size:20px;
}
h2 {
font-size:15px;
}
h3 {
font-size:12px;
}
}
 @media only screen and (max-device-width:180px) {
.frame {
position:relative;
width:95%;
display:inline-block;
margin:2px;
}

h1 {
font-size:17px;
}
h2 {
font-size:12px;
}
h3 {
font-size:10px;
}
img {
width:99%;
}
div#core {
position:absolute; 
margin-top:-125px;
width:100%;
}
}