/************
RadioAR-lincecia
************/

/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400&display=swap');   

body{
    background-repeat: no-repeat;
    background-size: cover;
    height: 97vh;
    position: center;
    background-color: rgba(0,0,0,0.69);
    background-image: url("https://esenvivo.com/fondos/1.webp");
}


.opacidad
{
	background: rgba(175, 167, 167, 0.4);
    backdrop-filter: blur(1px);
	border-top-left-radius: 55px;
	border-top-right-radius: 55px;
	border-radius: 55px;
	margin-bottom: 0px;
	border: 1px solid rgba(255, 255, 255, 0.2);
}

.fondo {
	position:absolute;
    opacity: 1;
    background-image: url("../img/02.png");
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
}

a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
a:active {
    text-decoration: none;
}



#titulo
{
	padding-top: 70px;
	color: white;
	font-family: 'Lobster Two';
}
#titulo h1
{
	font-size: 70px;
}

#engrane
{
	color: white;
	font-size: 20px;
}
#fecha
{
	color: white;
	font-size: 80px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
}
#textosociales
{
    color: white;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    font-size: 20px;
    padding-bottom: 10px;
}


.pie {
    color: azure;
    margin-top: 55px;
	font-size: 15px;
}

.stream {
    margin-left: 34%;
    margin-top: 2%;
    margin-right: 34%;
   
}

@media screen and (max-width:1500px){
    .stream {
    margin-left: 28%;
    margin-top: 2%;
    margin-right: 28%;
    margin-bottom: 0px;
    }
    
}

@media screen and (max-width:1200px){
    .stream {
    margin-left: 18%;
    margin-top: 2%;
    margin-right: 18%;
    margin-bottom: 0px;
    }
    
}

@media screen and (max-width:1000px){
    .stream {
    margin-left: 15%;
    margin-top: 2%;
    margin-right: 15%;
    margin-bottom: 0px;
    }
    
}

@media screen and (max-width:800px){
    .stream {
    margin-left: 10%;
    margin-top: 2%;
    margin-right: 10%;
    margin-bottom: 0px;
    }
    
}

@media screen and (max-width:500px){
    .stream {
    margin-left: 0%;
    margin-top: 2%;
    margin-right: 0%;
    margin-bottom: 0px;
    }
    
}