@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root{
  --white: #f9f9f9;
  --blue: #003399;
  --yellow-light:#FFC436;
  --black: #848688;
  --black1: #727376;
  --grey: #0b0b0b;
  --blue2: #001E84;
  --black2: #E6E7E8;
  --black3: #D2D3D5;
}

h1{
    font-size: 2rem;
    margin-top: 3rem;
    color:var(--blue2);
    text-align: center;
    margin-bottom: 3rem;
    font-weight: 700;
    font-family: "Montserrat";
}

.folleto{
    width: 90%;
    border:5px var(--black3) solid;
    margin-bottom: 3rem;
}

.folleto img{
    width: 100%;
    margin:auto;
    text-align: center;
}


.btn_eventos{
    width:100%;
    margin-bottom: 2rem;
}

.btn_eventos a{
        width:160px;
        height: 50px;
        background:var(--blue2);
        padding: 15px 10px;
        color:#fff;
        border-radius: 10px;
        text-align: center;
}

@media screen and (max-width:400px) {
    
    .folleto{
        width: 90%;
        margin-left: 1rem;
    }

    .folleto img{
        width: 100%;
   }

   
}