@media only screen and (max-width: 768px) { /* For screens up to 768px wide (e.g., tablets and mobiles) */
  body {
   background-image: url('images/small_logo.jpg'); /* Serve a smaller image for smaller screens */
   background-repeat: no-repeat;
   backdrop-filter: opacity(0.50);
}

} .owrose{
	display: flex;
width: 100%;
height: 75vh;
flex-direction: column;
justify-content: flex-start;
overflow: auto;
color: rgb(62, 62, 255, 0.74);
margin: auto;
padding-top: 30vh;

text-align: center;
 font-family: Fuggles;
font-size: 36px;
font-style: normal;
font-weight: 400;
	line-height: normal;
}
.owrose_text{
	background-color: rgba(255, 255, 255, 0.7); /* Semi-transparent white background */
	display: inline-block; /* Shrink to fit content */
	padding: 10px 20px; /* Padding around the text */
	border-radius: 10px; /* Rounded corners */	
	font-weight: 800;
	font-size: larger;
}

li {
  margin-top: 75px;
  padding-top: 5px;
  text-decoration: none;
  color: inherit;
  font-weight: 50;
}
a {
  text-decoration: none;
  color: inherit;
}

@media only screen and (min-width: 769px) { /* For screens wider than 768px (e.g., desktops) */
  body {
   background-image: url('images/large_logo.jpg'); /* Serve a larger image for larger screens */
   background-repeat: no-repeat;
   backdrop-filter: opacity(0.50);
}
.owrose{
	display: flex;
width: 100%;
height: 75vh;
flex-direction: column;
justify-content: flex-start;
overflow: auto;
color: rgb(62, 62, 255, 0.74);
margin: auto;
padding-top: 30vh;

text-align: center;
 font-family: Fuggles;
font-size: 36px;
font-style: normal;
font-weight: 400;
	line-height: normal;
}
.owrose_text{
	background-color: rgba(255, 255, 255, 0.7); /* Semi-transparent white background */
	display: inline-block; /* Shrink to fit content */
	padding: 10px 20px; /* Padding around the text */
	border-radius: 10px; /* Rounded corners */
	font-weight: 800;
	font-size: larger;	
}
}
li {
  margin-top: 10px;
  padding-top: 5px;
  text-decoration: none;
  color: inherit;
  font-weight: 50;
}
a {
  text-decoration: none;
  color: inherit;
}

.parent-container {
  display: flex;
  
  align-items: flex-start;
  height: 0vh;
  max-width: 100%;
  margin: 0;
  


.box1{
    width: 400px;
    height: 45px;

  padding-top: 25px;
    background-color: darkgray;
	
text-align: center;
	justify-content: center;
	align-items: center;
font-weight: bold;
font-size: x-large

}
.box1:hover{
    background-color:  rgba(255, 255, 255, 0.7);
}

.box2{
    width: 202px;
	height: 59px;
	background-color: rgb(37, 23, 163);
	text-align: center;
	color: white;
	justify-content: right;
	align-items: center;
	padding-top: 10px;
}

.box2:hover{
    background-color:  rgba(255, 255, 255, 0.7);
	color: black
}

.box3{
    width: 202px;
    height: 59px;
    background-color: rgb(27, 24, 209);
	color: white;
	text-align: center;
    justify-content: right;
    align-items: center;
    padding-top: 10px;
}

.box3:hover{
    background-color:  rgba(255, 255, 255, 0.7);
	color: black
}

.box4{
    width: 202px;
    height: 59px;
    background-color: rgb(73, 85, 253);
	color: white;
	text-align: center;
    justify-content: right;
    align-items: center;
    padding-top: 10px;
}

.box4:hover{
	background-color:  rgba(255, 255, 255, 0.7);
	color: black
}
.box5{
    width: 202px;
    height: 59px;
    background-color: rgb(0, 102, 255);

	color: white;
    text-align: center;
    justify-content: right;
    align-items: center;
    padding-top: 10px;
}
.box5:hover{
	background-color:  rgba(255, 255, 255, 0.7);
	color: black
}


}

.polo{
	max-width: fit-content;
	height: 100px;
	
	display: flex;
	flex-direction: column;
	justify-content: left;
	align-items: left;
	text-align: center;
	margin-top: 20px;
	padding-top: 120px;
	
}
.polo2{
	max-width: fit-content;
	height: 100px;
	
	display: flex;
	flex-direction: column;
	justify-content: baseline;
	align-items: left;
	text-align: center;
	margin-left: 255px;
	margin-top: 120px;
	padding-top: 550px;
	
}
.film_neg001{
	margin-top: 70px;
}
.gas_film_1{
	margin-top: 70px;
}
.holgabro{
	margin-top: 70px;
}
.em_vouge2{
	margin-top: 70px;
}