



.box_shadow {
    box-shadow:0 0 40px #dbdbdb;
}





.smallArticle {
    margin-bottom:30px;

}

.smallArticle p {
    font-size:0.9em;
}

.smallArticle .imageHolder {
    text-align:center;
    overflow:hidden;
}

.smallArticle .imageHolder img {
    width:100%;
}

.smallArticle .previewHolder h3 {
    font-size:1.5em;
}

.smallArticle .previewHolder .linkHolder {
    position:absolute;
    bottom:20px;
    left:20px;
}


.smallArticle .desktopView .previewHolder {
    position:relative;
    padding:20px;
    min-height:125px;
    background-color:#FFFFFF;
}


.smallArticle .mobileView .previewHolder {

    min-height:1px;
    padding-top:1px;
    padding-bottom:10px;
    padding-right:15px;
    padding-left:15px;
    background-color:#FFFFFF;
}









.headerArticle {
    padding:0px;
    margin-left:0px;
    padding-right:-20px;
    margin-right:-20px;
    margin-top:30px;
    margin-bottom:50px;
}

.headerArticle .previewHolder {
    /*font-size:0.9em;*/

    padding:20px;
    padding-right:40px;
    margin:0px;


}

.headerArticle h3 {
    font-size:1.5em;
}

.headerArticle p {
    font-size:0.9em;
}

.headerArticle .imageHolder {

}

.headerArticle .imageHolder img {
    width:100%;
}


h1 {font-size:1.5em;}
h2 {font-size:1.2em;}
h3 {font-size:1.0em;}

.desktopView {
    display:none;
}
.mobileView {
    display:block;
}

#local_current {
    width: 65px;
    height: 65px;
    padding: 0 0 20px 25px;
    vertical-align: middle;
    display: inline-block;
}
#local_temp {
    font-size: 40px;
}

/*.wxContainer {*/
/*    flex: 50%;*/
/*    padding: 20px;*/
/*    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
/*}*/

/*.contentContainer {*/
/*    flex: 50%;*/
/*    padding: 20px;*/
/*    text-align: center;*/
/*    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
/*}*/

/* Create two equal columns that floats next to each other */
.wxColumn {
    float: left;
    width: 45%;
    margin: 0 2% 0 14%;
    padding: 20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 15px;
}

.contentColumn {
    float: left;
    width: 25%;
    margin: 0 14% 0 0;
    padding: 20px;
    text-align: center;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 15px;
}

/* Clear floats after the columns */
.wxRow:after {
    content: "";
    display: table;
    clear: both;
}

#center_circle_new {
    width: 350px;
    height: 350px;
    max-height: 100%;
    max-width: 100%;
    position: relative;
    top: -13%;
    margin: 0 auto;
    text-align: center;
}

#meetTheMet {
    font-size: 24px;
}

#metProfileContainer {
    width: 500px;
}

@media screen and (max-width: 1400px) {

    .wxColumn {
        width: 50%;
        margin: 0 2% 0 9%;
    }

    .contentColumn {
        width: 30%;
        margin: 0 9% 0 0;
    }

}

@media screen and (max-width: 1200px) {

    #meetTheMet {
        font-size: 18px;
    }

    #metProfileContainer {
        width: 300px;
    }

    .wxColumn {
        width: 52%;
        margin: 0 2% 0 7%;
    }

    .contentColumn {
        width: 32%;
        margin: 0 7% 0 0;
    }

}

@media screen and (max-width: 1000px) {

    .wxColumn {
        width: 55%;
        margin: 0 2% 0 4%;
    }

    .contentColumn {
        width: 35%;
        margin: 0 4% 0 0;
    }

}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 767px) {

    .wxColumn, .contentColumn {
        width: 100%;
        margin: 0;
        box-shadow: none;
        border-radius: 0;
    }

}

/*@media (max-width: 1400px) {*/
/*    .wxContainer {*/
/*        width: 600px;*/
/*    }*/
/*}*/

/*@media (max-width: 1100px) {*/
/*    .wxContainer {*/
/*        width: 500px;*/
/*    }*/
/*}*/

/*@media (max-width: 900px) {*/
/*    .wxContainer {*/
/*        width: 400px;*/
/*    }*/
/*}*/

/*@media (max-width: 760px) {*/
/*    .wxContainer {*/
/*        width: 96%;*/
/*    }*/
/*}*/

@media screen and (min-width:1200px) {

    .desktopView {
        display:block;

    }

    .mobileView {
        display:none;
    }

    #local_current {
        width: 80px;
        height: 80px;
        padding: 0 0 30px 25px;
        vertical-align: middle;
        display: inline-block;
    }

    #local_temp {
        font-size: 60px;
    }



}


.show1 {
    min-height:100px;

    background-color:#CCCCCC;
}

.show2 {
    min-height:100px;
    border:1px solid #FF0000;
}

.round-button {
    box-sizing: border-box;
    display: block;
    /*padding: 5px 0 0 3px;*/
    line-height: 20px;
    border: 3px solid #4083BB;
    border-radius: 50%;
    color: #4083BB;
    text-align: center;
    text-decoration: none;
    /*background-color: rgba(0,0,0,0.5);*/
    font-size: 20px;
    font-weight: bold;
    /*transition: all 0.3s ease;*/
}