@import url('https://fonts.googleapis.com/css?family=Lato|Roboto|Open+Sans&display=swap');

#sensors_resume_container {
    font-family: 'Roboto', sans-serif !important;
}


@media screen and (min-width:1080px) {
.sensors_resume {
    max-width:1080px;
}

}


@media screen and (min-width:768px) {
    .medidas_dehesa_de_san_juan {
        margin-top:80px!important;
        margin-bottom:20px;
    }
    .medidas_cañar_-_soportujar {
        margin-top:40px !important;
    }
    #sensors_resume_container {
        /*margin:60px 0px -100px -50% !important;*/
        margin:60px auto 0px -10% !important;
        max-width:4000px !important;
        width:120% !important;
        /*padding:40px 0px !important;
        border-radius:0px;
        background-repeat:no-repeat;*/
    }
    .principal_div {
        margin-top:60px;
        background:url('veleta_sensores_robles.svg');
        background-repeat:no-repeat;
        background-position:top center;
        width:100%;
        height:auto;
        background-size:100%;
        
    }

    .sensors_resume .sensors_list {
        display:flex;
        justify-content:space-between;
        align-items:flex-start;
        flex-wrap:wrap;
        padding-top:80px;
    }

}

@media screen and (min-width:768px) and (max-width:1200px) {
    .sensors_resume .sensors_list {
        /*display:inline;
        align-items:flex-start;*/
    display: flex;
    justify-content: center;
    /*align-items: inherit;*/
    flex-wrap: wrap;
    }
    .principal_div {
        background:url('veleta_sensores.svg');
        background-repeat:no-repeat;
        background-position:top center;
        background-size:cover;
        padding:40px 0px;
    }
    .medidas_dehesa_de_san_juan {
        margin-top:0px;
        margin-bottom:0px;
    }
    .medidas_cañar_-_soportujar {
        margin-top:0px;
    }
    .sensors_resume .sensors_list .item {
        max-width:360px;
        margin:10px auto 10px auto;
        width:100%;
    }
}

@media screen and (max-width:768px) {
    /*.measurements {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	text-align:center;
    }*/


    /*.medidas_san {
        order:3;
    }
    .medidas_cañar {
        order:2;
    }*/
    /*.principal_div {
        background:none;
    }*/

    .principal_div {
        background:url('veleta_sensores.svg');
        background-repeat:no-repeat;
        background-position:top center;
        background-size:cover;
        padding-bottom:20px;
        width: 110%;
        margin: 0px 0px 0px -5%;
    }
    .sensors_resume {
        display:flex;
        flex-wrap:wrap;
        margin:auto;
        justify-content:center;
    }
    .sensors_resume .sensors_list {
        display:flex;
        justify-content:space-between;
        align-items:flex-start;
        flex-wrap:wrap;
        padding:16px;
    }

    /*.sensors_resume .sensors_list .item {
        flex-basis:100%;
        max-width:260px;
        margin:10px auto 10px auto;
        width:100%;
    }*/

    /*.sensors_resume .sensors_list .item .measurement div {
        display:flex;
    }*/
    .sensors_resume .sensors_list .item {
        margin-top:20px;
        flex-basis:100%;
        max-width:360px;
        margin:10px auto 10px auto;
        width:100%;
    }
}

.principal_div .more_link {
    display:flex;
    margin:auto;
    padding:15px 0px 25px 0px;
}

.principal_div .more_link a {
    background:#ACCC5B;
    color:white;
    font-weight:bold;
    padding:12px 16px;
    margin:10px auto;
    border-radius:5px;
    text-decoration:none;
}

.sensors_resume {
    margin:auto;
}

.sensors_resume .sensors_list .item {
    border:2px solid #90ABBC;
    background-color:rgba(255, 255, 255, 0.9);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    padding:12px 18px;
    border-radius:10px;
    font-size:16px;
    transition: all 0.4s ease-out;
}
.sensors_resume .sensors_list .item:hover {
    /*padding:18px 20px;*/
    transition: all 0.4s;
    /*font-size:17px;*/
    display:block;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    transform: scale(1.1);
    z-index: 100;
 }

.sensors_resume .sensors_list .item > .measurements {
    display:grid;
    grid-template-columns: auto auto;
    justify-items:stretch;
    margin: 12px 0px;
}

.sensors_resume .sensors_list .item .date {
    /*font-weight:bold;*/
    /*color:#5a5a5a*/
}

.sensors_resume .sensors_list .item > .measurements > div {
    flex-basis:50%;
    padding:0px 16px 0px 0px;
}


/*.sensors_resume .sensors_list .item .measurements .max_min{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
}*/


.sep_line {
    border-bottom:2px solid #dadada;
    margin:15px auto;
}

.sensors_resume .sensors_list .item .date{
    /*font-size:20px;*/
    color:#5a5a5a;
}

.sensors_resume .sensors_list .item .measurements .measurement {
    color:#5a5a5a;
    /*font-size: 20px;*/
}


.sensors_resume .sensors_list .item .measurements .measurement span{
    font-size:20px;
    font-weight:bold;
    color:#5a5a5a;
}

.sensors_resume .sensors_list .item .measurements .max_min .measurement {
    display:flex;
    justify-content:flex-end;
}

.sensors_resume .sensors_list .item .measurements .max_min .measurement i{
    margin-right:14px;
    font-size: 1.7em;
    margin-top: 2px;
}

.sensors_resume .sensors_list .item .measurements .max_min .measurement div {
    min-width:65px;
    text-align:right;
}

.sensors_resume .sensors_list .item .measurements .max_min .measurement .fa-caret-up {
    /*color: #EB5C6E;*/
    color: #e06f7e;
}
.sensors_resume .sensors_list .item .measurements .max_min .measurement .fa-caret-down {
    color: #87C4EC;
}

.yesterday_date {
}

.sensors_resume .resume_title {
    flex-basis:100%;
}


/*.max_min {
	display:flex;
	flex-wrap:wrap;
	justify-content:center !important;
	align-items:center !important;
}*/

.max_min .measurement {
	text-align:center !important;
flex-basis:100%;
}

.today_measurement {
	display:flex;
	flex-wrap:nowrap;
	white-space:nowrap;
	justify-content:space-between;
	align-items:flex-end;
}