img {border-radius:5px;}
.from_left img:hover {transition: .5s ease;opacity: 0.6;}
.from_right img:hover {transition: .5s ease;opacity: 0.6;}
.from_left img {max-width:130px;}



body, html{
    box-sizing: border-box;
    margin:0;
    padding:0;
    font-size:18px;
}
.maincontent{
    max-width:100%;
    padding:0;
    margin:0;
}
.maincontent_wrapper{
    padding-top:0;
}
img{
    width:100%;
}
#andersen-hero{
    background-image:linear-gradient(rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.3) 100%), url('/imageserver/Reusable/andersen-windows22/hero.jpeg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
#a-hero-container{
    text-align:center;
    text-transform: uppercase;
    padding: 5% ;
    color:#fff;
}
#a-hero-container h1{
    font-size:60px;
    /* color:#F26924; */
}
#a-hero-container h3{
    letter-spacing:5px;
    /* color:#F26924; */
}
#logo{
    max-width:300px;
    margin:2%;
}
.section2{
    margin-top:-50px;
}
#flex-group{
    display:flex;
    flex-direction:row;
    justify-content: space-evenly;
    flex-wrap:wrap;
}
.flex-item{
    max-width:400px;
    min-width:300px;
    text-align: center;
    margin:10px;
    padding:2%;
    background-color: #fff;;
    box-shadow: 0px 0px 0px 5px #A0A0A0, inset 0px 5px 13px -8px #141414, inset 0px -5px 13px -4px #F26924, 5px 5px 15px 5px rgba(0,0,0,0);
}
.img-box img{
    max-width:75px;
    filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.3));
}