html{
    box-sizing:border-box;
}
*,*:before,*:after{
    box-sizing:inherit;
}
html{
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
}
body{
    margin:0;
}

a{
    background-color:transparent;
    color:grey;
    text-decoration: none;
}
a:hover{
    color: #678fd5;
}


/* End extract */

html,body{
    font-family:Verdana,sans-serif;
    font-size:15px;
    line-height:1.5;
}
html{
    overflow-x:hidden;
}
h1{
    font-size:36px;
}
h2{
    font-size:30px;
}
h3{
    font-size:24px;
}
h4{
    font-size:20px;
}
h5{
    font-size:18px;
}
h6{
    font-size:16px;
}

h1,h2,h3,h4,h5,h6{
    font-family:"Segoe UI",Arial,sans-serif;
    font-weight:400;
    margin:10px 0;
}

hr{
    border:0;border-top:1px solid #eee;
    margin:20px 0;
}

.third,.twothird{
    float:left;
    width:100%;
}

@media (min-width:601px){
    .third{
        width:33.33333%;
    }
}

.twothird{
    width:66.66666%;
}

.round-xlarge{
    border-radius:16px;
}


.row-padding,.row-padding>.third,.row-padding>.twothird{
    padding:0 8px;
}

.container{
    padding:0.01em 16px;
}


.card{
    box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}

.card-4{
    box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19);
}

.opacity{
    opacity:0.60;
}

.small{
    font-size:12px;
}
.large{
    font-size:18px;
}

.margin-top{
    margin-top:16px;
}
.margin-bottom{
    margin-bottom:16px;
}

.padding-16{
    padding-top:16px;
    padding-bottom:16px;
}


/* Colors */

.blue{
    color:#fff;
    background-color:#678fd5;
}

.text-blue{
    color:#678fd5;
}

.text-grey{
    color:#757575;
}