/***************************************
*************** RESETS GERAIS***********
****************************************/

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;
}
input, select{
    outline: none!important;
}
/***************************************
*************** OVERFLOW ***********
****************************************/
html, body {
    max-width: 100%;
    overflow-x: hidden;
}

/***************************************
*************** IMAGENS ***********
****************************************/
img {
    max-width: 100%;
    border: none !important;
    vertical-align: middle;
}

embed,
img,
picture,
video {
    max-width: 100%;
    height: auto
}

/***************************************
*************** ALINHAMENTO ***********
****************************************/
.contentAll {
    width: 100%;
}

.container {
    width: 95%;
    max-width: 100%;
    padding: 0 20px;
    margin: 0 auto;
}

.row {
    display: flex;
    flex-wrap: wrap;
}


/***************************************
*************** COLUNAS ***********
****************************************/
.col-logo {
    flex-basis: 15%;
}

.col-1 {
    flex-basis: 100%;
}

.col-2 {
    flex-basis: 50%;
}

.col-3 {
    flex-basis: 33.33%;
}

.col-4 {
    flex-basis: 25%;
}

.col-5 {
    flex-basis: 20%
}

/***************************************
*************** ESPAÇAMENTOS ***********
****************************************/
.p-20-t{
    padding: 20px;
}
.p-20{
    padding: 20px 0;
}
/***************************************
*************** COLUNAS ***********
****************************************/
.bg-blue{
    background: #008CD4;
}
.bg-teste{
    background: aqua;
}
.line-teste{
    border: brown 1px solid;
}
/***************************************
*************** COLOR ***********
****************************************/
.text-default{
    color:#969796;
}
.text-blue{
    color: #008CD4;
}
.text-white{
    color: #FFFFFF;
}
.text-black{
    color: #0F0F10;
}
/***************************************
*************** TITLE ******************
****************************************/
.title-big{
    font-family: 'Fredoka One', cursive;
    font-size: 2.5em;
}
/***************************************
*************** FONT ******************
****************************************/
.font-dosis{
    font-family: 'Dosis', sans-serif;
}
/***************************************
*************** ALING ***********
****************************************/
.text-left{
    text-align: left;
}
.text-center{
    text-align: center;
}
.text-right{
    text-align: right;
}