// Extra small devices (portrait phones, less than 576px)
// No media query since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) {}

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) {}

// Large devices (desktops, 992px and up)
@media (min-width: 992px) {}

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) {}


/* BLOG */

section#comentarios {
    margin-top: 20px;
    border-top: solid;
    padding: 20px;
}

#comentarios> article {
    border-bottom: solid 1px #cccccc;
    margin: 10px 0px;
}

.emailContacto{
    text-decoration: underline;
}

.titleComment {
    text-decoration: underline;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.comment {
    padding: 10px 30px;
}




/* VIDEOS */
#video, .yt {
    padding: 10px 15px;
    margin: 0 auto !important;
}

.yt{
    max-width: 560px !important;
    max-height: 315px !important;
    width: 50%;
    height: 30%;
}


/* FILES */
.file {
    text-decoration: underline;
    padding: 10px 10px;
}