html, body 
{
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: arial;
    font-size: 16px;
}

.tudo 
{
    min-height: 100%;
    position: relative;
}


footer {
    background: #444444;
    color:#fff;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}


/*Seções */

header
{
    background-color:#3B0038;
    width:100%;
    padding-top:32px;
    padding-bottom:32px;
    border-bottom:14px solid #6A006C;
}


h1 
{
    font-weight:bold;
    font-size:32px;
    color:#333;
    
}

h2{
    font-size:20px;
    font-weight:bold;
}


p
{
    font-size:18px;
}

footer p 
{
    font-size:14px;
}


footer h3 
{
    font-size:18px;
    font-weight:bold;
    margin-bottom:16px;
  
}

/*Dispositivos small */
@media (max-width: 767px) {

    .main
	{
		/** Altura do rodapé tem que ser igual a isso aqui e vice-versa **/
		padding-bottom: 450px;
	}	

    .border-left 
    {
        border-left:none !important;
    }

    .w-75
    {
        width:100% !important;
    }

}


/*Dispositivos médios (tablets com 768px ou mais)*/
@media (min-width: 768px) { 

	.main
	{
		/** Altura do rodapé tem que ser igual a isso aqui e vice-versa **/
		padding-bottom:250px;
	}	
	
}


/*Dispositivos large (desktops com 992px ou mais)*/
@media (min-width: 992px) { 
	
	.main
	{
		/** Altura do rodapé tem que ser igual a isso aqui e vice-versa **/
		padding-bottom: 250px;
	}

}

/*Dispositivos extra large (desktops grandes com 1200px ou mais)*/
@media (min-width: 1200px) 
{ 
    .main
	{
		/** Altura do rodapé tem que ser igual a isso aqui e vice-versa **/
		padding-bottom:250px;
	}

}