body
{
    background-image:url(../images/bg.gif);
    background-repeat:repeat;
    margin: 0;
}

.container {
    overflow:hidden;
}

.wrapper {
    margin: 20px auto 0 auto;
}

.logo {
    margin:0 auto;
}

.banner {
    clear:both;
}

.title {
    text-align:center;
    margin:0 auto;
    padding-top:0px;
}

.title_description {
    color:#ffffff;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    text-align:center;
}

.description {
    text-align:center;
    color:#444444;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:18px;
	margin:0 auto;
}

.description_suspended{
	text-align:left;
    color:#444444;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:18px;
	margin:0 auto;
}

.icons{
    margin:0 auto;
}

.icons div{
    float:left;
    height:95px;
    padding:2%;
    border-style:solid;
    border-width:3px;
    border-radius:10px;
    border-color:#ffffff;
    color:#FFFFFF;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    text-align:center;
    cursor:pointer;
}

.icons img{
    width:auto;
    height:50%;
    margin:auto;
    padding-top:10px;
}

.icons div:hover{
    background-color:#35B1D1;
    transition:0.25s ease-in-out;
    cursor:pointer;
}

.footer{
    padding-top: 15px;
    clear: both;
	font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    text-align:center;
    color:#444444;
}

.footer-suspended{
	padding-top:60px;
    clear: both;
	font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    text-align:center;
    color:#444444;
}

a{
    color:#444444;
}

.bg_cloud{
    background: url(../images/footer-cloud.png) no-repeat;
    position: absolute;
    width: 977px;
    margin-left: -490px;
    left: 50%;
    height: 223px;
    bottom: 0;
    z-index: -2;
}

.banner a img{
    max-width:100%;
    height:auto;
    text-align:center;
    margin-top:15px;
}

@media only screen and (min-width:1024px){
    .wrapper{
        width:70%;
    }

    .title img{
        width:50%;
    }

    .icons{
        width:95%;
    }

    .icons div{
        width:10%;
        margin:0.88%;
    }

    .footer{
        width:100%;
    }

	.description_suspended{
		width:50%;
	}
}

@media only screen and (max-width:1024px){
    .cloud-wrapper {
        position: relative;
        height: 150px;
    }
    
    .wrapper{
        width:90%;
    }

    .title img{
        width:65%;
    }

    .icons{
        width:90%;
    }

    .icons div{
        width:23%;
        margin:2.3%;
    }

	.description_suspended{
		width:65%;
	}
}

@media only screen and (max-width:480px){
    .wrapper{
        width:90%;
    }

    .title{
        padding-top:5px;
    }

    .title img{
        width:100%;
    }

    .icons div{
        width:95%;
    }

    .icons div{
        width:37%;
        margin:3%;
    }

    .banner-wrapper img{
        width:100%;
    }
    
    .logo {
        text-align: center;
    }
	
	.description_suspended{
		width:100%;
	}
}

@media only screen and (max-width:320px){
    .icons div{
        width:80%;
        margin:5%;
    }
	
	.description_suspended{
		width:100%;
	}
}