@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i');

body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    color: #565656;
    font-size: 14px;
    height: 100%;
    min-height: 100%;
}

* {
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
    box-sizing: border-box; 
}
h1,h2,h3,h4,h5 {
    font-weight: 500;
    margin: 5px 0
}
ul {
    padding-left: 17px;
}
p {
    line-height: 1.6;
}
a {color: #00AAE0;text-decoration: none;}

#preloader {
    position: fixed;
    top:0; left:0;
    right:0; bottom:0;
    background: #fff;
    z-index: 100000;
}

#loader {
    width: 32px;
    height: 32px;
    position: absolute;
    left:50%; top:50%;
    background: url(../images/loader.gif) no-repeat center 0;
    margin:-16px 0 0 -16px;
    color: #fff;
}

.wrapper {width: 100%;min-height: 100%;background-color: #75a545;overflow-x: hidden;padding-bottom: 200px;}

.logo {position: relative;margin: 7% auto 40px;max-width: 250px;}
.logo img {width: 100%;}

p {text-align: center;color: #fff;font-weight: 500;}

.footer {width: 100%;padding: 20px;height: 200px;margin-top: -200px;background:url(../images/footer.jpg) no-repeat top left;font-size: 100%;}
.footer p {color: #75a545;font-weight: 500;margin: 0 auto;max-width: 1200px;padding: 20px;text-align: left;}
.footer p a {color: #75a545;font-weight: 700;}
.footer p a i {font-size: 1.3rem;}