﻿.box1 {
    background-image: url("/images/cloud_box2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 150px 0px;
    background-position:center;
    position:relative;
}
.box3{
    margin-bottom:20px;
}
.box2 {
    background-image: url("/images/cloud_consulting2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 150px 0px;
    background-position: center;
    position: relative;
}
.box4 {
    background-image: url("/images/cloud_mngmnt.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 150px 0px;
    background-position: center;
    position: relative;
}
.box5 {
    background-image: url("/images/cloud_adv_box.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 150px 0px;
    background-position: center;
    position: relative;
}
#charlie {
    width: auto;
    text-align: left;
    top: 10px;
    left: 10px;
    position: absolute;
}
#highwat {
    width: auto;
    text-align: left;
    bottom: 10px;
    left: 30px;
    position: absolute;
}
#spruce {
    width: auto;
    text-align: right;
    bottom: 10px;
    right: 60px;
    position: absolute;
}
#th5 {
    width: auto;
    text-align: right;
    top: 135px;
    right: 45px;
    position: absolute;
}
.city-pop {
    color: #ff9900 ;
    font-weight: bold;
    font-size: 25px;
    text-shadow: 2px 2px 2px black;
}
.number-pop {
    color: white;
    font-size: 15px;
    text-shadow: 2px 2px 2px black;
}
@media (min-width:2200px) and (max-width:3000px) {
    .number-pop {
        font-size: 25px;
    }
    .city-pop {
        font-size: 35px;
    }
}
@media (min-width:575px) and (max-width:768px){
    .box2 {
        max-height: 353px;
    }
}

