img.bg {
    /* Set rules to fill background */
    min-height: 100%;
    min-width: 1024px;

    /* Set up proportionate scaling */
    width: 100%;
    height: auto;

    /* Set up positioning */
    position: fixed;
    top: 0;
    left: 0;
}

@media screen and (max-width: 1024px){
    img.bg {
        left: 50%;
        margin-left: -512px;
         }

}

.clear { clear: both;}

#page-wrapper {
    background: rgba(255, 255, 255, 0.8);;
    position: absolute;
    width: 100%;
    bottom: 10%;
    padding: 20px;
}

#page-wrapper img {
    max-width: 100%;
    height: auto;
}

.social-wrapper {
    padding: 40px 0;
    display: inline-block;
}

.logo-holder { border-left: 2px solid rgba(0, 160, 151, 0.25);}


ul.social-icons { list-style: none; padding: 30px 0 10px 0;}
ul.social-icons li { list-style: none; float: left;}
#page-wrapper ul.social-icons li img {max-width: 80%; }

.image-wrapper img {
    -webkit-transition: all 2s ease; /* Safari and Chrome */
    -moz-transition: all 2s ease; /* Firefox */
    -ms-transition: all 2s ease; /* IE 9 */
    -o-transition: all 2s ease; /* Opera */
    transition: all 2s ease;
    padding-bottom: 0;
}

.image-wrapper:hover  img{
    -webkit-transform:scale(1.1); /* Safari and Chrome */
    -moz-transform:scale(1.1); /* Firefox */
    -ms-transform:scale(1.1); /* IE 9 */
    -o-transform:scale(1.1); /* Opera */
     transform:scale(1.1);
}

.image-wrapper:hover .image-rotate img{
    -webkit-transform:scale(1.25) rotate(3deg); /* Safari and Chrome */
    -moz-transform:scale(1.25) rotate(3deg); /* Firefox */
    -ms-transform:scale(1.25) rotate(3deg); /* IE 9 */
    -o-transform:scale(1.25) rotate(3deg); /* Opera */
     transform:scale(1.25) rotate(3deg);
}

.flag {
    width: 24px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    bottom: 50px;
}
.flag img { border-radius: 50%; }

@media screen and (min-width:900px) {
    /*.body-container { width:900px;} */
}
@media screen and (min-width:989px) and (max-width:1070px)  {
    /*.body-container {max-width:500px;} */
    .logo-holder {font-size: 12px;}
}
@media screen and (max-width:600px) {
    /*.body-container { max-width:250px;} */
}

@media screen and (max-width:990px) {
    #page-wrapper {bottom: auto;}
}