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

html {box-sizing: border-box;font-family:"Roboto", sans-serif;}
*, *:before, *:after {box-sizing: inherit;}

body {
  font-family:"Roboto", sans-serif !important;
}

section {
 margin: 2rem 0; 
}

p, a, ul, li {
  font-size: 1rem;
}

p {
  color: #161616;
}

p + p {
 padding: .6rem 0 0;
}

a {
  color: #0054b3;
  padding: .5rem 0;
}

a:hover { 
  color: #0054b3;
  text-decoration: none;
}

h2 {
 font-size: 1.3rem;
 font-weight: bold;
 padding: .6rem 0 0 0;
 color: #2652cd;
}

h3 {
 font-size: 1.1rem;
 padding: 1rem 0 .6rem;
 font-weight: bold;
 color: #106ff1;
}

a.btn-link,a.btn-link-ii,
a.btn-inscription {
 display: flex;
 justify-content: center;
 border-radius: 9px;
 padding: 0.6rem;
}

a.btn-link {
 border: 1px solid #f87340;
 color: #f87340;
 transition: all 0.6s;
}
a.btn-link-ii{
 border: 1px solid #fe003d;
 color: #fe003d;
 transition: all 0.6s;
}
a.btn-link-ii:hover {
 background-color: #fe003d;
 color: #ffffff;
 font-weight: 500;
 text-decoration: none;
}

a.btn-link:hover {
 background-color: #f87340;
 color: #ffffff;
 font-weight: 500;
 text-decoration: none;
}

a.btn-inscription {
 background-color: #f87340;
 color: #ffffff;
 text-transform: uppercase;
 transition: all 0.6s;
 position: relative;
 font-weight: 500;
}

a.btn-inscription:hover {
 background-color: #c15a33;
}

.box {
 margin: 1rem 0;
}

.box.apoiador {
 margin: .7rem 0;
}

.logo {
 padding-bottom: 1rem;
}

@media (min-width: 0px) and (max-width: 576px) {
 section {
  padding: 0 1rem 0;
  margin: 1rem;
 }
 
 .col-sm-4 {
  margin-top: 1rem;
 }

 .logo {
  width: 70%;
 }

 #logo-oab, #logo-aba {
  width: 60%;
 }

 #logo-aanergs {
  width: 40%; 
 }

 #logo-ibis {
  width: 30% !important;
 }
}