/*============================
    Main content style
==============================*/
* {
    box-sizing: border-box;
    font-size: 12px;
}

body {
    margin: 0;
    background-color: #000;
}

#main-content-container {
    margin: auto;
    width: 100%;
    max-width: 1000px;
    background-color: #66664C;
}

.text-yellow {
    color: #D5D4A9;
}

.text-blue {
    color: #0096FF;
}

.font-weight-bold {
    font-weight: 700;
}

.text-italic {
    font-style: italic;
}

.bg-block-black {
    background-color:#000;
}

.bg-block-dark {
    background-color: #53533f;
}

.bg-block-light {
    background-color: #78785b;
}

.bg-article-yellow {
    background-color: #D5D4A9;
}

.pagination {
    display: flex;
    list-style: none;
    gap:0.5rem;
    justify-content: center;
}
    

/*============================
    Topbar (From universitv.net row until about universitv)
==============================*/

/*First row of topbar*/
#topbar {
    width: 100%;
    max-width: inherit;
}

.top-first-row {
    width: 100%;
    max-width: inherit;
    background-color: #66664C;
    display: flex;
    justify-content: space-between;
    color: #fff;
    padding-top: 6px;
    
}

.top-universitv-net {
    margin-left: 100px;
}


.flex-container {
    display: flex;
    margin-right: 198px;
}

/*Second row of topbar*/
.top-second-row {
    display: flex;
    width: 100%;
    max-width: inherit;
    color: #fff;
    background-color: #505B4B;
    justify-content: flex-end;
    margin-bottom: 4px;
}

.top-second-row div {
    display: flex;
    align-items: center;
}

.top-second-row div p {
    margin-right: 24px;
}


/*Third row of topbar*/
.top-third-row {
    width: 100%;
    max-width: inherit;
    display: flex;
    flex-wrap: wrap;
    background-color: #000;
    margin-bottom: 20px;
}

.fourpm-col {
    width: 100%;
    max-width: 150px;
    display: flex;
    flex-direction: column;
    max-height: 125px;
}

.fourpm-img {
    margin-left: 39px;
    margin-block: 9px 1px;
}

.dreams-born-col {
    width:100%;
    max-width: 254px;
    margin-inline: 20px 76px;
    max-height: 125px;
}

.universitv-logo {
    margin-top: 38px;
    margin-left: 3px;
}

.dreams-text-container {
    position: relative;
    height: 21px;
}

.stroke-img {
    position: absolute;
    top: -10px;
    left: -10px;
    opacity: 0.3;
}

.dreams-text {
    position: absolute;
    bottom: 12px;
    left: 14px;
    margin: 0;
}

.tv-field-col {
    background-image: url('../img/fieldofdreams2.jpg');
    background-position: center;
    background-size:cover;
    background-repeat: no-repeat;
    max-height: 125px;
    width:100%;
    max-width:300px;
}

.song-text-container {
    width: 100%;
    max-width: 185px;
    max-height: 125px;
    padding-left: 12px;
    display: flex;
    align-items: center;
    font-family: 'ArialMT', 'Arial', sans-serif;
}

.song-text {
    font-size: 11px;
    margin-right: 40px;
    text-align: left;
    line-height: 16px;

}

/*Fourth row of topbar*/
.top-fourth-row {
    display: flex;
    width: 100%;
    max-width: inherit;
    justify-content: center;
    background-color: #3B3B2C;
    color: #fff;
    align-items: center;
    padding: 8px;
}

.fourth-quote {
    font-family: 'Georgia-Italic', 'Georgia', serif;
    font-size: 13px;
}

.fourth-quote-credit {
    font-size: 10px;
    font-family: 'ArialMT', 'Arial', sans-serif;
    margin-left: 25px;
}

.fourth-quote,
.fourth-quote-credit {
    align-items: center;
    margin-block:0;
}

/*Fifth row of topbar*/
.top-fifth-row {
    width: 100%;
    max-width: inherit;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    font-family: 'ArialMT', 'Arial', sans-serif;
    color: #c0c0c0;
    background-image: url('../img/shapeimage_7.jpg');
}

.top-fifth-row div {
    font-size: 15px;
}

/*============================
    Footer
==============================*/
#footer {
    width: 100%;
    max-width: inherit;
    background-color: #66664C;
    color: white;
    height: 200px;
    padding-left:100px;
}

.footer-divider {
    width: 100%;
    max-width:702px;
    background-image: url(../img/Untitled.jpg);
    height:3px;
}

.footer-content {
    display: flex;
    flex-wrap: wrap;
    margin-top: 12px;
    padding: 5px;
}

.footer-content * {
    margin-block:0;
}

.footer-content img {
    object-fit: contain;
}

.universitv-net-footer {
    word-wrap: break-word;
    width: 136px;
    margin-right: 22px;
}

.universitv-net-footer,
.universitv-net-footer span {
    font-size: 24px;
    text-transform: uppercase;
    text-align: left;
}

.universitv-net-footer span {
    color: #C0C0C0;
}

.universitv-rights {
    font-family: 'ArialMT', 'Arial', sans-serif;
    margin-top: 8px;
}

/*============================
    Dito Ako Page
==============================*/
#inner-content {
    width: 100%;
    max-width: inherit;
    padding-block: 30px 50px;
    padding-inline: 80px;
    font-family: 'Arial-BoldMT', 'Arial', sans-serif;
}

.inner-banner-row {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: inherit;
    justify-content: space-between;
    gap:18px;
}


.inner-banner-row > * {
    flex: 1 1 50%;
}

.participate-container {
    width: 100%;
    margin-bottom: 20px;
}

.participate-content {
    width: 100%;
    max-width: inherit;
    font-weight: 600;
    background: linear-gradient(80deg, rgba(0,0,0,1) 0%, rgb(129 128 100) 38%);
    display: flex;
}

.participate-side-text {
    max-width: 169px;
    width: 100%;
    padding-inline: 10px 30px;
    color: #fff;
}

.participate-universitv {
    color: #ffd479;
}

.participate-img {
    background-image: url('../img/HAPINAS-LOGO.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
}

.call-container {
    width: 100%;
    max-width: 260px;
    margin-bottom: 20px;
    background-color: #444432;
}

.call-content {
    padding-inline: 20px;
    padding-bottom:40px;
}

.call-text-us {
    color: #ffd479;
    font-size: 28px;
    font-family: 'Herculanum';
}

.call-suggestions {
    font-family: 'Verdana-Bold', 'Verdana', sans-serif;
    font-size: 12px;
    color: #fff;
    font-weight: 700;
}

.advocacy-container {
    width: 100%;
    max-width: inherit;
    background-color: #66664C;
    margin-bottom: 20px;
}

.advocacy-content {
    padding-bottom: 10px;
    padding-inline: 55px;
}

.advocacy-content-header {
    color: #d99c5e;
    font-size: 34px;
    font-weight: 700;
    margin-block: 20px 0px;
}

.advocacy-content-main {
    width: 95%;
    color: #fff;
}

.advocacy-content-main p{
    margin-block: 5px;
    font-size:22px;
}

.advocacy-content-quote {
    width: 50%;
    color: #ffd479;
}

.advocacy-quote {
    font-size: 22px;
}

.advocacy-quote-author {
    font-size: 16px;
}


.main-content-row {
    display: flex;
    justify-content: space-between;
    gap:14px;
}

.article-container {
    display: flex;
    flex-wrap: wrap;
    max-width: 625px;
    width: 100%;
    margin-bottom: 20px;
}

.article-container > div {
    flex:1 1 50%;
}

.article {
    padding-inline: 10px;
    padding-block:10px;
}

.article:first-child {
    border-right: 1px solid black;
}

.side-blocks-container {
    display: flex;
    flex-direction: column;
    max-width: 180px;
    width: 100%;
    margin-inline: auto;
    gap:16px;
}

.side-block-container {
    color: white;
}

.side-block-container-noheader {
    color: white;
    padding-inline:10px;
    padding-block: 10px;
}

.side-block-content {
    padding-inline:10px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.black-gradient-header {
    width: 100%;
    background-image: url('../img/backgroundimage_5.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    padding-inline: 5px;
    padding-block:2px;
    font-weight: 600;
}

.black-gradient-header p {
    margin-top: 5px;
    margin-bottom: 5px;
}

.yellow-gradient-header {
    width: 100%;
    background-image: url('../img/backgroundimage_4_1.png');
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    padding-inline: 5px;
    padding-block:2px;
    font-weight: 600;
}

.yellow-gradient-header p {
    margin-top: 5px;
    margin-bottom: 5px;
}


@media only screen and (max-width: 768px) {
    /*Topbar*/
    .tv-field-col {
        width:60%;
        max-width:800px;
        height:120px;
    }
    .top-first-row {
        justify-content: space-between;
        flex-wrap: wrap;
        
    }
    .top-universitv-net {
        margin-left:20px;
    }

    .flex-container {
        margin-right:0;
    }

    .top-second-row {
        justify-content: space-between;
        padding-left:25px;
    }

    /*Content*/
    #inner-content {
        padding-inline: 0;
    }

    /*Footer*/
    #footer {
        padding-left:0px;
    }
}


@media only screen and (max-width: 600px) {
    /*Content*/
    .inner-banner-row {
        flex-wrap: wrap;
        justify-content: center;
    }

    .main-content-row {
        flex-wrap: wrap;
        justify-content: center;
    }
}

/*============================
    Chopsuey Page
==============================*/

.chopsuey-main-content {
    display: flex;
    flex-wrap: wrap;
    max-width: inherit;
    width: 100%;
    justify-content: space-between;
}

.chopsuey-left-col {
    margin-inline: 20px;
}

.chopsuey-container {
    width: 100%;
    max-width: 600px;
    margin-bottom: 20px;
    margin-inline: auto;
}

.chopsuey-content {
    width: 100%;
    max-width: inherit;
    font-weight: 600;
    /*background-image: url('../img/backgroundimage_2_1.png');*/
    background: linear-gradient(80deg, rgba(0,0,0,1) 0%, rgb(129 128 100) 38%);
    display: flex;
}

.chopsuey-side-text {
    max-width: 169px;
    width: 100%;
    padding-inline: 10px 30px;
    color: #fff;
}

.chopsuey-img {
    background-image: url('http://images.summitmedia-digital.com/yummyph/images/2022/05/27/chopsueyrecipewithliver.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    max-width: 500px;
}

.chopsuey-row {
    width: 100%;
    max-width: 600px;
    display: flex;
    flex-wrap: wrap;
    padding-inline: 12px;
    gap: 12px;
}


.chopsuey-row * {
    flex:1;
}


.chopsuey-row img {
    width: 150px;
    min-height: 100px;
    object-fit: cover;
}

.chopsuey-row-text {
    color:#d5d4a9;
    font-size: 12px;
    font-family: 'Verdana', sans-serif;
}

.chopsuey-row-text span {
    font-family: 'Verdana-Bold', 'Verdana', sans-serif;
    font-size:13px;
    font-weight:700;
}

.chopsuey-divider {
    background-image:url('../img/chopsuey/HR_Basic.png');
    background-position: center;
    width:100%;
    max-width: 640px;
    min-height:60px;
}

.music-univ-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap:12px;
    padding-bottom: 10px;
}

.who-is-she-block {
    margin-bottom: 20px;
    background-color: #945200;
}

.who-is-she-block img {
    width: 100%;
    object-fit: contain;
}

.who-is-she-img {
    background-image: url('../img/shapeimage_18.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover;
    width:100%;
    max-width:inherit;
    min-height: 172px;
}

.chopsuey-side-list {
    padding-left:20px;
}
.chopsuey-side-list p{
    margin-top: 4px;
    font-weight: 500;
}
.chopsuey-side-list li {
    font-weight: bolder;
}

/*============================
    Good Men Page
==============================*/

.goodmen-container {
    width:100%;
    max-width:inherit;
}

.goodmen-text-header {
    color:#d99c5e;
    font-size:34px;
    font-weight:700;
    margin-bottom: 5px;
}

.goodmen-text {
    color:#fff;
    font-size:22px;
    margin-block:0px 35px;
}

.goodmen-cols {
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap:5px;
}

.goodmen-left-col {
    width:100%;
    max-width:600px;
    flex:1;
    background-color:#D5D4A9;
    font-weight: 700;
    padding-block:10px;
    padding-inline:10px;
}

/*============================
    Filipino Special Page
==============================*/

.filspecial-text-header {
    font-family:'HelveticaNeue-Bold', 'Helvetica Neue', 'Arial', sans-serif;
    color: #298adc;
    font-size:23px;
    font-weight: 700;
}

.filspecial-cols {
    display: flex;
    justify-content: space-between;
    margin-block: 20px;
    gap:16px;
}

.filspecial-content {
    background-color: #fff;
    padding-inline: 18px;
    color:#584d4d;
}

.special-article {
    width: 50%;
    padding-inline: 10px;
    padding-block:10px;
}

.filspecial-text-header{
    margin-bottom:0px;
}

.special-article p:not(.filspecial-article-start) {
    font-family: 'LucidaGrande', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
}

.filspecial.special-article span {
    font-style: italic;
    font-size:15px;
}

.filspecial-article-start {
   font-weight: 700;
   font-size: 15px;
}

.filspecial.side-block-container-noheader p{
    font-size:13px;
}

.filspecial.img-block {
    width: 100%;
    max-width: inherit;
    min-height: 200px;
    background-image: url('../img/DSC_4381.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.filspecial.linked-img-block span{
    display: block;
    width: 100%;
    max-width: inherit;
    min-height: 200px;
    background-image:url('../img/DSC_4381.jpg') ;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}


/*============================
    Skedmo Page
==============================*/
.skedmo-container {
    width: 100%;
    margin-bottom: 20px;
    margin-inline: auto;
}

.skedmo-content {
    width: 100%;
    max-width: inherit;
    font-weight: 600;
    /*background-image: url('../img/backgroundimage_2_1.png');*/
    background: linear-gradient(63deg, rgba(0,0,0,1) 0%, rgba(164,153,108,1) 72%);
    display: flex;
}

.skedmo-side-text {
    width: 100%;
    max-width: 169px;
    padding-inline:10px 30px;
    color: #fff;
}

.skedmo-img {
    background-image: url('../img/HAPINAS-LOGO.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    max-width: 500px;
}

.email-container {
    width: 100%;
    max-width: 200px;
    margin-bottom: 20px;
    background-color: #444432;
}

.email-content {
    padding-inline: 10px;
    padding-bottom:40px;
}


.email-content p {
    font-family: 'Verdana-Bold', 'Verdana', sans-serif;
    font-size: 12px;
    color: #fff;
    font-weight: 700;
}

.skedmo-cols {
    width: 100%;
    max-width: inherit;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap:20px;
}

.skedmo-cols > * {
    flex:1 1 50%;
}

.skedmo-left-col {
    width: 100%;
    max-width: 612px;
    display: flex;
}

.skedmo-left-row {
    width: 100%;
    max-width: inherit;
    display: flex;
    flex-wrap: wrap;
    gap:10px;
}

.skedmo-left-row > * {
    flex:1 1 50%;
}

.block-of-squares {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 360px;
}

.block-of-squares img {
    object-fit: none;
}

.skedmo-side-img {
    width: 100%;
    background-image:url(../img/DSC_4381.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.squares-side-container {
    width: 100%;
    max-width: 220px;
}

.squares-side-content {
    color: #fff;
    padding-inline: 10px;
}

.skedmo-divider {
    background-image:url('../img/chopsuey/HR_Basic.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width:100%;
    max-width: inherit;
    min-height:60px;
}

/*============================
    U-Turn Page
==============================*/
.turn-banner-container {
    width:inherit;
    max-width: 100%;
    margin-bottom: 30px;
}

.turn-banner-header {
    color:#ffd479;
    font-size:72px;
    font-family: 'Herculanum';
    width:15ch;
    margin-block:0px 20px;
    margin-inline: auto;
    text-align: center;
}

.turn-banner-subheader {
    font-size:14px;
    margin-inline: auto;
    width:88ch;
    color:#fff;
}

.turn-main-content {
    display: flex;
    flex-wrap: wrap;
}

.turn-main-content > div:first-child {
    flex: 0 1 80%;
}

.turn-main-content > div:last-child {
    flex: 0 1 20%;
}

.turn-main-cols {
    display: flex;
    flex-wrap: wrap;
    gap:20px;
}

.turn-main-cols > * {
    flex: 0 1 30%;
}

.turn-watch-container {
    width: 100%;
    max-height:330px;
    background-color:#797979;
    color:#fff;
    font-family: 'ArialNarrow', 'Arial Narrow', 'Arial', sans-serif;
    font-size:11px;
}

.turn-watch-img {
    width:100%;
    min-height: 200px;
    background-image: url(../img/DSC_4381.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.turn-watch-text-container {
    padding-block: 20px;
    padding-inline: 10px;
}

.turn-col-img {
    width:100%;
    height: 330px;
    background-image: url(../img/DSC_4381.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.skedmo.side-block-content > p:first-child {
    color: #ffd479;
    font-family: 'Verdana-Bold', 'Verdana', sans-serif;
    font-size: 16px;
    font-weight: 700;
}

.skedmo.side-block-content > p:last-child {
    font-weight:700;
}

/*============================
    Vitamins Page
==============================*/

.vitamins-cols {
    width:100%;
    max-width: inherit;
    display: flex;
    flex-wrap: wrap;
    gap:20px;
}

.vitamins-cols > div:first-child {
    flex:1 1 60%;
}

.vitamins-cols > div:last-child {
    flex:1 1 40%;
}

.vitamins-banner-img {
    width:100%;
    min-height: 170px;
    margin-block:12px;
    background-image: url(../img/shapeimage_17.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.vitamins.side-block-container-noheader img{
    width: 100%;
    object-fit: cover;
}

.vitamins-quote p{
    color:#ffd479;
    font-size:20px;
    font-style: italic;
}

.vitamins-img-row {
    display: flex;
    flex-wrap: wrap;
    gap:12px;
}

.vitamins-img-row > * {
    flex:1 1 20.33%;
    width:100%;
    min-height: 260px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-bottom: 20px;
}

.vitamins-img-one {
    background-image: url(../img/DSC_4381.jpg);
}

.vitamins-img-two {
    background-image: url(../img/DSC_4381.jpg);
}

.vitamins-img-three {
    background-image: url(../img/DSC_4381.jpg);
}

.vitamins-inner-container {
    width: 100%;
    max-width: 550px;
    margin-inline:auto;
}


/*============================
    Lifeguide Page
==============================*/

.lifeguide-start-row {
    width: 100%;
    max-width: inherit;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.lifeguide-start-row > div:first-child {
    flex:1 1 65%;
}

.lifeguide-start-row > div:last-child {
    flex:1 1 30%;
}

.lifeguide-container {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.lifeguide-container > div:nth-child(2) {
    flex: 1 1 40%;
}

.lifeguide-container > div:last-child {
    flex: 1 1 60%;
}

.lifeguide-content {
    width: 100%;
    max-width: inherit;
    font-weight: 600;
    background: linear-gradient(80deg, rgba(0,0,0,1) 0%, rgb(129 128 100) 88%);
    padding-inline: 10px 30px;
    color: #fff;
}

.lifeguide-img {
    background-image: url('../img/DSC_4381.jpg');
    background-repeat: no-repeat;
    background-size:cover;
    background-position: center;
}

.fav-lifeguide-container {
    width: 100%;
    margin-bottom: 20px;
    background-color: #444432;
    color:#fff;
}

.fav-lifeguide-content {
    padding-inline: 10px;
}

.lifeguide-content-cols {
    display: flex;
    flex-wrap: wrap;
    gap:20px;
}

.lifeguide-content-cols > div:first-child {
    flex:1 1 65%
}

.lifeguide-content-cols > div:last-child {
    flex:1 1 30%
}

.lifeguide-left-start {
    display: flex;
    flex-wrap: wrap;
    background-color: #A8A89B;
    padding:20px;
    margin-bottom: 20px;
}

.lifeguide-left-start > * {
    flex:1 1 50%;
}

.lifeguide-img-container > div:first-child {
    width: 100%;
    min-height: 200px;
    background-image: url('../img/DSC_4381.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #000;
}

.lifeguide-problems-container {
    padding-right: 20px;
}

.lifeguide-divider {
    background-image: url('../img/chopsuey/HR_Basic.png');
    width: 100%;
    min-height:5px;
    background-position: center;
    margin-bottom: 20px;
}

.lifeguide-right-col {
    background-image:url('../img/chopsuey/shapeimage_15.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.lifeguide-credo-container {
    display: flex;
    flex-wrap: wrap;
    gap:16px;
}

.lifeguide-credo-container > div:not(.black-gradient-header) {
    flex:1 1 48%;
}

.lifeguide-credo-img-one {
    width:100%;
    min-height:200px;
    background-image: url('../img/chopsuey/shapeimage_15.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.lifeguide-credo-img-two {
    width:100%;
    min-height:400px;
    background-image: url('../img/chopsuey/shapeimage_15.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

/*============================
    Ginoong Ed Page
==============================*/
.ed-banner-quote p{
    color: #ffd479;
    font-family: 'Verdana-Italic', 'Verdana', sans-serif;
    font-style: italic;
    font-size: 22px;
}

.ed-main-cols {
    display: flex;
    flex-wrap: wrap;
    gap:20px;
}

.ed-main-cols > * {
    flex: 1 1 48%;
}

.ed-alagad-container {
    display: flex;
    flex-wrap: wrap;
    gap:10px;
}

.ed-alagad-container > * {
    flex:1 1 48%;
}

.ed-alagad-img {
    background-image: url('../img/DSC_4381.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.ed-article-cols {
    display: flex;
    flex-wrap: wrap;
    gap:10px;
}

.ed-article-cols > * {
    flex: 1 1 48%;
}

.ed-article-left-col img {
    float:right;
    max-width:150px;
    margin: 8px;
}

.ed.side-blocks-container > div:first-child {
    background-image: url('../img/DSC_4381.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 200px;
}

.ed-article {
    padding-inline: 10px;
    padding-block:10px;
    margin-bottom: 20px;
}
/*
.ed-bottom-img {
    background-image: url('../img/fieldofdreams2.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 150px;
}*/

.ed-bottom-ad {
    padding-inline: 10px;
    padding-block:10px;
}

.ed-side-list {
    padding-left: 16px;
}

.ed-side-list li {
    margin-bottom: 10px;
}