@import url('https://fonts.googleapis.com/css?family=Ubuntu');

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Ubuntu', sans-serif;
    text-align: center;
    color: #555;
    line-height: 1.4em;
}

html {
    background: #dddddd no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

@media (max-width: 1800px) {
    html {
        background-image: url('images/1800/background.jpg');
    }
}

@media (max-width: 1600px) {
    html {
        background-image: url('images/1600/background.jpg');
    }
}

@media (max-width: 1400px) {
    html {
        background-image: url('images/1400/background.jpg');
    }
}

@media (max-width: 1200px) {
    html {
        background-image: url('images/1200/background.jpg');
    }
}

@media (max-width: 1000px) {
    html {
        background-image: url('images/1000/background.jpg');
    }
}

@media (max-width: 800px) {
    html {
        background-image: url('images/800/background.jpg');
    }
}

@media (max-width: 600px) {
    html {
        background-image: url('images/600/background.jpg');
    }
}

@media (max-width: 400px) {
    html {
        background-image: url('images/400/background.jpg');
    }
}

@media (min-width: 1801px) {
    html {
        background-image: url('images/2000/background.jpg');
    }
}

a {
    text-decoration: none;
    color: #555;
}

img {
    border: 0;
    max-width: 100%;
    height: auto;
}

h1, h2, h3 {
    font-weight: normal;
}

h1 {
    word-wrap: break-word;
    margin: 40px 0;
    font-weight: bold;
    font-size: 4em;
    line-height: 1em;
    color: #ffffff;
}

h2 {
    margin: 30px 0;
    font-size: 1.6em;
    line-height: 1em;
}

h3 {
    margin: 20px 0;
    font-size: 1.4em;
    line-height: 1em;
}

.header,
#main {
    margin: 20px 0;
    color: #ffffff;
}

a,
#footer a,
#footer i {
    color: #1C9C9D;
}

.small {
    margin: 20px 0;
    font-size: small;
}

.logos {
    font-size: 80px;
    padding: 2% 0;
    border-bottom: 1px dotted #1C9C9D;
}

#main a {
    color: #ffffff;
    text-decoration: underline;
}

#footer .actions {
    background: rgba(255, 255, 255, .8);
}

#footer .contact {
    background: #ffffff;
    border-top: 3px solid #1C9C9D;
}

#footer .actions a {
    display: block;
    padding: 10px 20px;
    font-weight: bold;
}

#footer .logo a {
    display: block;
    padding: 34px 0 13px 0;
}

#footer .links a {
    padding: 10px 15px;
    display: block;
}

#main {
    padding: 30px 0;
    width: 100%;
    background: rgba(28, 156, 157, .8);
}

#main p {
    padding: 0 10px;
}

@media (min-width: 768px) {

    .main-area {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 82%;
    }

    #main {
        padding: 30px 50px;
        width: 768px;
    }

    #main p {
        padding: 0 60px;
    }

    #main span,
    #footer span {
        margin: 0 20px;
        display: inline;
    }

    #footer {
        position: fixed;
        bottom: 0;
        width: 100%;
    }

    #footer .actions a {
        display: inline;
        padding: 20px 20px;
        line-height: 80px;
    }

    #footer .logo {
        text-align: center;
    }

    #footer .links a {
        display: inline;
        line-height: 63px;
        padding: 20px 15px 20px 23px;
        background: transparent left center no-repeat;
        background-size: 20px 20px;
    }

    #footer .links .link {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNzkyIiBoZWlnaHQ9IjE3OTIiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiPjxwYXRoIGQ9Ik0xNTIwIDEyMTZxMC00MC0yOC02OGwtMjA4LTIwOHEtMjgtMjgtNjgtMjgtNDIgMC03MiAzMiAzIDMgMTkgMTguNXQyMS41IDIxLjUgMTUgMTkgMTMgMjUuNSAzLjUgMjcuNXEwIDQwLTI4IDY4dC02OCAyOHEtMTUgMC0yNy41LTMuNXQtMjUuNS0xMy0xOS0xNS0yMS41LTIxLjUtMTguNS0xOXEtMzMgMzEtMzMgNzMgMCA0MCAyOCA2OGwyMDYgMjA3cTI3IDI3IDY4IDI3IDQwIDAgNjgtMjZsMTQ3LTE0NnEyOC0yOCAyOC02N3pNODE3IDUxMXEwLTQwLTI4LTY4TDU4MyAyMzZxLTI4LTI4LTY4LTI4LTM5IDAtNjggMjdMMzAwIDM4MXEtMjggMjgtMjggNjcgMCA0MCAyOCA2OGwyMDggMjA4cTI3IDI3IDY4IDI3IDQyIDAgNzItMzEtMy0zLTE5LTE4LjVUNjA3LjUgNjgwdC0xNS0xOS0xMy0yNS41VDU3NiA2MDhxMC00MCAyOC02OHQ2OC0yOHExNSAwIDI3LjUgMy41dDI1LjUgMTMgMTkgMTUgMjEuNSAyMS41IDE4LjUgMTlxMzMtMzEgMzMtNzN6bTg5NSA3MDVxMCAxMjAtODUgMjAzbC0xNDcgMTQ2cS04MyA4My0yMDMgODMtMTIxIDAtMjA0LTg1bC0yMDYtMjA3cS04My04My04My0yMDMgMC0xMjMgODgtMjA5bC04OC04OHEtODYgODgtMjA4IDg4LTEyMCAwLTIwNC04NEwxNjQgNjUycS04NC04NC04NC0yMDR0ODUtMjAzTDMxMiA5OXE4My04MyAyMDMtODMgMTIxIDAgMjA0IDg1bDIwNiAyMDdxODMgODMgODMgMjAzIDAgMTIzLTg4IDIwOWw4OCA4OHE4Ni04OCAyMDgtODggMTIwIDAgMjA0IDg0bDIwOCAyMDhxODQgODQgODQgMjA0eiIgZmlsbD0iIzFjOWM5ZCIvPjwvc3ZnPg==);
    }

    #footer .links .phone {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNzkyIiBoZWlnaHQ9IjE3OTIiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiPjxwYXRoIGQ9Ik0xNjAwIDEyNDBxMCAyNy0xMCA3MC41dC0yMSA2OC41cS0yMSA1MC0xMjIgMTA2LTk0IDUxLTE4NiA1MS0yNyAwLTUzLTMuNXQtNTcuNS0xMi41LTQ3LTE0LjUtNTUuNS0yMC41LTQ5LTE4cS05OC0zNS0xNzUtODMtMTI3LTc5LTI2NC0yMTZUMzQ0IDkwNHEtNDgtNzctODMtMTc1LTMtOS0xOC00OXQtMjAuNS01NS41LTE0LjUtNDctMTIuNS01Ny41LTMuNS01M3EwLTkyIDUxLTE4NiA1Ni0xMDEgMTA2LTEyMiAyNS0xMSA2OC41LTIxdDcwLjUtMTBxMTQgMCAyMSAzIDE4IDYgNTMgNzYgMTEgMTkgMzAgNTR0MzUgNjMuNSAzMSA1My41cTMgNCAxNy41IDI1dDIxLjUgMzUuNSA3IDI4LjVxMCAyMC0yOC41IDUwdC02MiA1NS02MiA1My0yOC41IDQ2cTAgOSA1IDIyLjV0OC41IDIwLjUgMTQgMjQgMTEuNSAxOXE3NiAxMzcgMTc0IDIzNXQyMzUgMTc0cTIgMSAxOSAxMS41dDI0IDE0IDIwLjUgOC41IDIyLjUgNXExOCAwIDQ2LTI4LjV0NTMtNjIgNTUtNjIgNTAtMjguNXExNCAwIDI4LjUgN3QzNS41IDIxLjUgMjUgMTcuNXEyNSAxNSA1My41IDMxdDYzLjUgMzUgNTQgMzBxNzAgMzUgNzYgNTMgMyA3IDMgMjF6IiBmaWxsPSIjMWM5YzlkIi8+PC9zdmc+);
    }

    #footer .links .envelope {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNzkyIiBoZWlnaHQ9IjE3OTIiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiPjxwYXRoIGQ9Ik0xNzkyIDcxMHY3OTRxMCA2Ni00NyAxMTN0LTExMyA0N0gxNjBxLTY2IDAtMTEzLTQ3VDAgMTUwNFY3MTBxNDQgNDkgMTAxIDg3IDM2MiAyNDYgNDk3IDM0NSA1NyA0MiA5Mi41IDY1LjV0OTQuNSA0OCAxMTAgMjQuNWgycTUxIDAgMTEwLTI0LjV0OTQuNS00OCA5Mi41LTY1LjVxMTcwLTEyMyA0OTgtMzQ1IDU3LTM5IDEwMC04N3ptMC0yOTRxMCA3OS00OSAxNTF0LTEyMiAxMjNxLTM3NiAyNjEtNDY4IDMyNS0xMCA3LTQyLjUgMzAuNXQtNTQgMzgtNTIgMzIuNS01Ny41IDI3LTUwIDloLTJxLTIzIDAtNTAtOXQtNTcuNS0yNy01Mi0zMi41LTU0LTM4VDYzOSAxMDE1cS05MS02NC0yNjItMTgyLjVUMTcyIDY5MHEtNjItNDItMTE3LTExNS41VDAgNDM4cTAtNzggNDEuNS0xMzBUMTYwIDI1NmgxNDcycTY1IDAgMTEyLjUgNDd0NDcuNSAxMTN6IiBmaWxsPSIjMWM5YzlkIi8+PC9zdmc+);
    }

}