* {
    margin: 0;
    padding: 0;
    font-family: "Bookman Old Style", Georgia, serif;
}

.banner .home{
    height: 100px;
    padding: 10px;
    background-color: red;
}

.banner .home .left{
    float: left
}

.banner .home .centre{
    margin-top: 20px;
    text-align: center;
    font-size: 1.5rem;
    font-weight: bolder;
    color: whitesmoke;
}

.banner .home .right{
    float: right;
}

.sidebar ul{
    list-style: none;
}

.sidebar ul li{
    position: relative;
    vertical-align: middle;
}

.sidebar ul li a{
    display: block;
    padding: 20px 25px;
    color: red;
    text-decoration: none;
    text-align: left;
    font-size: 25px;
    font-weight: bold;
}

.sidebar ul li ul.dropdown li{
    display: inline;
}

.sidebar ul li ul.dropdown{
    width: 80%;
    background-color: white;
    position: absolute;
    z-index: 999;
    display: none;
    border-color: red;
    border-width: 0px 0px 0px 5px;
    border-style: solid;
    box-shadow: 5px 5px 7px 0px gray;
    margin-left: 65px;
}

.sidebar ul li a:hover{
    background-color: #ff7f7f;
    color: whitesmoke;
}

.sidebar ul li:hover ul.dropdown{
    display: block;
}

.mainTopBar {
    background-color: red;
}

.mainTopBar .banner{
    background-color: red;
    float: left;
    width: 100%;
    z-index: -1;
    position: absolute;
}

.mainTopBar .banner .default .circle{
    width: 100px;
    height: auto;
    padding-top: 10px;
    padding-left: 30px;
    padding-bottom: 10px;
}

.mainTopBar .banner .default .img{
    width: 70px;
    height: auto;
    padding: 0px;
    position: absolute;
    z-index: 99;
    left: 46px;
    top: 17px;
}

.mainTopBar .banner .default .topTxt{
    font-size: 30px;
    padding-left: 150px;
    color: whitesmoke;
    width: 600px;
    font-weight: bold;
    position: absolute;
    top: 25px;
    line-height: 120%;
    max-height: 40px;
}

.mainTopBar ul{
    list-style: none;
    float: right;
    margin-right: 50px;
}

.mainTopBar ul li{
    padding-top: 10px;
    display: inline-block;
    position: relative;
    vertical-align: top;
}

.mainTopBar ul li a{
    display: block;
    padding: 20px 25px;
    color: whitesmoke;
    text-decoration: none;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    max-width: 125px;
}

.mainTopBar ul li ul.dropdown li{
    display: block;
}

.mainTopBar ul li ul.dropdown{
    width: 100%;
    background-color: red;
    position: absolute;
    z-index: 999;
    display: none;
}

.mainTopBar ul li a:hover{
    background-color: #ff7f7f;
}

.mainTopBar ul li:hover ul.dropdown{
    display: block;
}

.mainTopBar .navbar-toggle{
    background: transparent;
    padding: 10px;
    border: none;
    cursor: pointer;
    display: none;
}

.mainTopBar .navbar-toggle .bar{
    display: block;
    width: 25px;
    height: 3px;
    margin: 5px auto;
    background-color: whitesmoke;
    transition: all 0.3s ease-in-out;
}

.homeBulkTxt{
    height: 300px;
}

.homeBulkTxt .title{
    height: 70px;
    padding: 50px;
    background-color: white;
    font-variant: small-caps;
}

.homeBulkTxt .title .img{
    position: absolute;
    top: 175px;
    left: 470px;
    width: 130px;
}

.homeBulkTxt .title .topTxt{
    font-size: 35px;
    padding-top: 25px;
    font-weight: bold;
    text-align: center;
    color: red;
}

.homeBulkTxt .title .btmTxt{
    font-size: 20px;
    font-weight: 200;
    text-align: center;
}

.homeBulkTxt .text{
    padding-right: 500px;
    font-size: 20px;
    color: black;
    text-align: justify;
    position: absolute;
    left: 370px;
    top: 325px;
}

.homeBulkTxt .timImg{
    float: right;
    max-width: 400px;
}

.homeBulkTxt .sidebar{
    float: left;
    background-color: white;
    width: 300px;
    padding-top: 25px;
}

.homeBulkTxt .text .centre{
    text-align: center;
}

.homeBulkTxt .text .red{
    color: red;
    font-size: 35px;
}

.historyBulkTxt{
    text-align: left;
}

.historyBulkTxt .title{
    font-size: 35px;
    font-weight: bold;
    position: absolute;
    top: 230px;
    left: 150px;
    font-variant: small-caps;
    padding-right: 400px;
}

.historyBulkTxt .text{
    font-size: 25px;
    position: absolute;
    top: 270px;
    left: 150px;
    padding-right: 400px;
    text-align: justify;
}

.historyBulkTxt .redBook{
    position: absolute;
    top: 170px;
    right: 50px;
    width: 250px;
    height: 350px;
    box-shadow: 20px 20px 10px 5px gray;
}

.historyBulkTxt .blackBook{
    position: absolute;
    top: 550px;
    right: 50px;
    width: 250px;
    height: 350px;
    box-shadow: 20px 20px 10px 5px gray;
}

.preceptorsBulkTxt .title{
    font-size: 35px;
    font-weight: bold;
    position: absolute;
    top: 230px;
    left: 150px;
    font-variant: small-caps;
}

.preceptorsBulkTxt .text{
    font-size: 25px;
    position: absolute;
    top: 270px;
    left: 150px;
    width: 710px;
    text-align: justify;
}

.preceptorsBulkTxt table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
    position: absolute;
    top: 230px;
    right: 100px;
    font-size: 20px;
}
  
.preceptorsBulkTxt td, th {
    border: 1px solid #dddddd;
    text-align: left-align;
    padding: 8px;
}
  
.preceptorsBulkTxt tr:nth-child(even) {
    background-color: #dddddd;
}

.preceptorsBulkTxt table tr th{
    background-color: red;
    color: whitesmoke;
}

.preceptorsBulkTxt .img{
    width: 710px;
    height: auto;
    color: gray;
    box-shadow: 7px 7px 10px 5px;
    position: absolute;
    top: 600px;
    left: 150px;
}

.licenceBulkTxt .title{
    font-size: 35px;
    font-weight: bold;
    position: absolute;
    top: 230px;
    left: 150px;
    font-variant: small-caps;
}

.licenceBulkTxt .text{
    font-size: 25px;
    position: absolute;
    top: 270px;
    left: 150px;
    padding-right: 200px;
}

.licenceBulkTxt .listTxt{
    font-size: 25px;
    position: absolute;
    top: 350px;
    left: 150px;
    padding-right: 200px;
    line-height: 40px;
}

.licenceBulkTxt .listTxt ol{ counter-reset: item;}
.licenceBulkTxt .listTxt li{ display: block; }
.licenceBulkTxt .listTxt li:before { content: counters(item, ".") " "; counter-increment: item; font-weight: bold;}

.licenceBulkTxt .listTxt .indent{ margin-left: 70px;}
.licenceBulkTxt .listTxt .indent li:before{ position: absolute; right: 1710px;}

.licenceBulkTxt .listTxt .dblIndent{ margin-left: 70px;}
.licenceBulkTxt .listTxt .dblIndent li:before{ position: absolute; right: 1640px;}

.licenceBulkTxt .btmTxt{
    text-align: left;
    position: absolute;
    top: 4250px;
    left: 350px;
    font-size: 30px;
    right: 250px;
}

.licenceBulkTxt .btmImg{
    max-width: 120px;
    height: auto;
    position: absolute;
    top: 4215px;
    left: 200px;
}

.membersBulkTxt{
    position: absolute;
    align-content: center;
    width: 100%;
    top: 230px;
}

.membersBulkTxt .title{
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    font-variant: small-caps;
}

.membersBulkTxt .subtitle{
    font-size: 20px;
    font-weight: lighter;
    text-align: center;
    line-height: 40px;
}

.membersBulkTxt .text{
    font-size: 25px;
    text-align: center;
    line-height: 40px;
}

.membershipBulkTxt .txt{
    position: absolute;
    top: 230px;
    left: 150px;
}

.membershipBulkTxt .title{
    font-size: 35px;
    font-weight: bold;
    font-variant: small-caps;
}

.membershipBulkTxt .text{
    font-size: 23px;
    margin-right: 700px;
    text-align: justify;
    line-height: 35px;
}

.membershipBulkTxt .list{
    font-size: 23px;
    line-height: 45px;
}

.membershipBulkTxt .list li{
    background-image: url("images/KEVII Design 2.png");
    background-size: 25px auto;
    background-repeat: no-repeat;
    background-position: 0px 5px;
    padding-left: 40px;
}

.membershipBulkTxt .download{
    position: absolute;
    text-align: center;
    color: black;
    right: 100px;
    top: 230px;
}

.membershipBulkTxt .download .img{
    width: 400px;
    border-style: solid;
    border-width: 1px;
    border-color: lightgray;
    box-shadow: 20px 20px 10px 5px gray;
}

.membershipBulkTxt .text .drop{
    display: none;
}

.datesBulkTxt{
    display: inline-flex;
}

.datesBulkTxt .left{
    float:inline-start;
    width: 65%;
    padding: 60px;
}

.datesBulkTxt .left .title{
    place-content: center;
    color: black;
    grid-row: 1;
    grid-column: 1 / 3;
    font-size: 35px;
    font-weight: bold;
    font-variant: small-caps;
    text-align: center;
}

.datesBulkTxt .left .subtitle{
    display: grid;
    place-content: center;
    color: black;
    grid-row: 2 / 4;
    grid-column: 1 / 3;
    font-size: 23px;
    font-weight: lighter;
    line-height: 40px;
    text-align: center;
}

.datesBulkTxt .left .datesBorder{
    border: dotted;
    border-radius: 10px;
    border-width: thick;
    border-color: red;
    display: grid;
    grid-row: 4 / 9;
    grid-column: 1 / 3;
    grid-template-columns: 1fr 1fr ;
    grid-template-rows: repeat(5, 1fr);
    list-style-type: none;
    width: 100%;

    margin: auto;
}

.datesBulkTxt .left .datesBorder .date1{
    display: grid;
    place-content: center;
    color: black;
    grid-row: 1;
    grid-column: 1;
    font-size: 30px;
    line-height: 50px;
    text-align: center;
    background-color: white;
}

.datesBulkTxt .left .datesBorder .date2{
    display: grid;
    place-content: center;
    color: white;
    grid-row: 2;
    grid-column: 1;
    font-size: 30px;
    line-height: 50px;
    text-align: center;
    background-color: black;
}

.datesBulkTxt .left .datesBorder .date3{
    display: grid;
    place-content: center;
    color: black;
    grid-row: 3;
    grid-column: 1;
    font-size: 30px;
    line-height: 50px;
    text-align: center;
    background-color: white;
}

.datesBulkTxt .left .datesBorder .date4{
    display: grid;
    place-content: center;
    color: white;
    grid-row: 4;
    grid-column: 1;
    font-size: 30px;
    line-height: 50px;
    text-align: center;
    background-color: black;
}

.datesBulkTxt .left .datesBorder .date5{
    display: grid;
    place-content: center;
    color: black;
    grid-row: 5;
    grid-column: 1;
    font-size: 30px;
    line-height: 50px;
    text-align: center;
    background-color: white;
}

.datesBulkTxt .left .datesBorder .date6{
    display: grid;
    place-content: center;
    color: white;
    grid-row: 1;
    grid-column: 2;
    font-size: 30px;
    line-height: 50px;
    text-align: center;
    background-color: black;
}

.datesBulkTxt .left .datesBorder .date7{
    display: grid;
    place-content: center;
    color: black;
    grid-row: 2;
    grid-column: 2;
    font-size: 30px;
    line-height: 50px;
    text-align: center;
    background-color: white;
}

.datesBulkTxt .left .datesBorder .date8{
    display: grid;
    place-content: center;
    color: white;
    grid-row: 3;
    grid-column: 2;
    font-size: 30px;
    line-height: 50px;
    text-align: center;
    background-color: black;
}

.datesBulkTxt .left .datesBorder .date9{
    display: grid;
    place-content: center;
    color: black;
    grid-row: 4;
    grid-column: 2;
    font-size: 30px;
    line-height: 50px;
    text-align: center;
    background-color: white;
}

.datesBulkTxt .left .datesBorder .date0{
    display: grid;
    place-content: center;
    color: white;
    grid-row: 5;
    grid-column: 2;
    font-size: 30px;
    line-height: 50px;
    text-align: center;
    background-color: black;
}

.datesBulkTxt .left .btmText{
    display: grid;
    place-content: center;
    color: black;
    grid-row: 9 / 11;
    grid-column: 1 / 3;
    font-size: 20px;
    font-weight: lighter;
    line-height: 40px;
    text-align: center;
}

.datesBulkTxt .img{
    float: inline-end;
    width: 25%;
    padding: 60px;
}

.contactBulkTxt{
    position: absolute;
    align-content: center;
    width: 100%;
    top: 230px;
}

.contactBulkTxt .title{
    font-size: 35px;
    text-align: center;
    font-variant: small-caps;
}

.contactBulkTxt .text{
    font-size: 25px;
    text-align: center;
    line-height: 35px;
}

.contactBulkTxt .text .test{
    font-size: 20px;
    height: fit-content;
}

.contactBulkTxt .img{
    width: 5%;
    height: 5%;
    margin: auto;
    padding-top: 20px;
}


.newsBulkTxt{
    position: absolute;
    top: 230px;
    left: 150px;
}

.newsBulkTxt .title{
    font-size: 35px;
    font-variant: small-caps;
}

.newsBulkTxt .article{
    display: inline-flex;
}

.newsBulkTxt .article .old{
    width: 100%;
    height: fit-content;
    margin-top: 30px;
    padding-bottom: 150px;
}

.newsBulkTxt .article .old .headline{
    color: red;
    font-size: 30px;
    font-weight: 600;
    margin-top: 20px;
    float: left;
    width: 100%;
}

.newsBulkTxt .article .old .subtitle{
    font-style: italic;
    font-size: 20px;
    margin-top: 5px;
    width: 90%;
    float: left;
}

.newsBulkTxt .article .old .img{
    width: 54%;
    float: inline-end;
    margin-top: 20px;
    margin-right: 100px;
}

.newsBulkTxt .article .old .text{
    width: 34%;
    float: inline-start;
    font-size: 25px;
    text-align: justify;
    margin-top: 20px;
}

.reportsBulkText{
    position: absolute;
    align-content: center;
    width: 100%;
    top: 230px;
}

.reportsBulkText .title{
    font-size: 35px;
    text-align: center;
    font-variant: small-caps;
}

.reportsBulkText .text{
    font-size: 25px;
    text-align: center;
    line-height: 35px;
    padding-left: 100px;
    padding-right: 100px;
}

.reportsBulkText .dates{
    font-size: 40px;
    text-align: center;
    word-spacing: 50px;
    line-height: 100px;
    padding-left: 300px;
    padding-right: 300px;
    padding-top: 20px;
}

.booksBulkTxt{
    text-align: left;
}

.booksBulkTxt .title{
    font-size: 35px;
    font-weight: bold;
    font-variant: small-caps;
    padding-top: 230px;
    padding-left: 150px;
}

.booksBulkTxt .topText{
    font-size: 25px;
    text-align: justify;
    padding-right: 130px;
    padding-left: 150px;
}

.booksBulkTxt .redBook{
    display: inline-flex;
}

.booksBulkTxt .redBook .redBookImg{
    min-width: 80px;
    width: 80px;
    margin-left: 150px;
    margin-top: 30px;
    box-shadow: 7px 7px 10px 5px gray;
    float: inline-start;
}

.booksBulkTxt .redBook .redBookText{
    margin-top: 70px;
    font-size: 25px;
    float: inline-start;
    margin-left: 50px;
    padding-right: 130px;
}

.booksBulkTxt .blackBook{
    display: inline-flex;
}

.booksBulkTxt .blackBook .blackBookImg{
    min-width: 80px;
    width: 80px;
    margin-left: 150px;
    margin-top: 30px;
    box-shadow: 7px 7px 10px 5px gray;
    float: inline-start;
}

.booksBulkTxt .blackBook .blackBookText{
    margin-top: 70px;
    float: inline-start;
    font-size: 25px;
    margin-left: 50px;
}

.booksBulkTxt .templarToast{
    display: inline-flex;
}

.booksBulkTxt .templarToast .templarImg{
    min-width: 80px;
    width: 80px;
    margin-left: 150px;
    margin-top: 30px;
    box-shadow: 7px 7px 10px 5px gray;
    float: inline-start;
}

.booksBulkTxt .templarToast .templarTxt{
    margin-top: 70px;
    float: inline-start;
    font-size: 25px;
    margin-left: 50px;
}

.booksBulkTxt .maltaToast{
    display: inline-flex;
}

.booksBulkTxt .maltaToast .maltaImg{
    min-width: 80px;
    width: 80px;
    margin-left: 150px;
    margin-top: 30px;
    box-shadow: 7px 7px 10px 5px gray;
    float: inline-start;
}

.booksBulkTxt .maltaToast .maltaTxt{
    margin-top: 70px;
    float: inline-start;
    font-size: 25px;
    margin-left: 50px;
}

.booksBulkTxt .musicBook{
    display: inline-flex;
}

.booksBulkTxt .musicBook .music{
    min-width: 80px;
    width: 80px;
    margin-left: 150px;
    margin-top: 30px;
    box-shadow: 7px 7px 10px 5px gray;
    float: inline-start;
}

.booksBulkTxt .musicBook .musicText{
    margin-top: 70px;
    float: inline-start;
    font-size: 25px;
    margin-left: 50px; 
}

.booksBulkTxt .midText{
    font-size: 25px;
    left: 150px;
    padding-right: 130px;
    padding-left: 150px;
    padding-top: 30px;
}

.booksBulkTxt .images{
    display: inline-flex;
    margin-top: 30px;
    width: 100%;
}

.booksBulkTxt .images .marshalsImg{
    min-width: 80px;
    width: 80px;
    float: inline-start;
    box-shadow: 7px 7px 10px 5px gray;
    margin-left: 150px;
}

.booksBulkTxt .images .swordImg{
    min-width: 80px;
    width: 80px;
    float: inline-start;
    box-shadow: 7px 7px 10px 5px gray;
    margin-left: 150px;
}

.booksBulkTxt .images .salutationImg{
    min-width: 80px;
    width: 80px;
    float: inline-start;
    box-shadow: 7px 7px 10px 5px gray;
    margin-left: 150px;
}

.booksBulkTxt .images .guidanceImg{
    min-width: 80px;
    width: 80px;
    float: inline-start;
    box-shadow: 7px 7px 10px 5px gray;
    margin-left: 150px;
}

.booksBulkTxt .capText{
    display: inline-flex;
    margin-top: 30px;
}

.booksBulkTxt .capText .marshalsTxt{
    width: 120px;
    text-align: center;
    float: inline-start;
    margin-left: 130px;
}

.booksBulkTxt .capText .swordTxt{
    width: 120px;
    text-align: center;
    float: inline-start;
    margin-left: 110px;
}

.booksBulkTxt .capText .salutationTxt{
    width: 120px;
    text-align: center;
    float: inline-start;
    margin-left: 110px;
}

.booksBulkTxt .capText .guidanceTxt{
    width: 120px;
    text-align: center;
    float: inline-start;
    margin-left: 110px;
}

.booksBulkTxt .breaks{
    position: absolute;
    top: 2000px;
    color: white;
}

/* Media screen size changes */


@media screen and (max-width: 1300px) {
    .banner .home .centre{
        font-size: 2vw;
    }
}

@media screen and (max-width: 1700px) {
    .homeBulkTxt .title .img{
        display: none;
    }
}

@media screen and (max-width: 1500px) {
    .homeBulkTxt .timImg{
        display: none;
    }

    .homeBulkTxt .text{
        padding-right: 100px;
        left: 370px;
    }
}

@media screen and (max-width: 800px) {
    .homeBulkTxt .text{
        top: 1000px;
        left: 50px;
        padding-right: 50px;
    }

    .homeBulkTxt .title .topTxt{
        position: absolute;
        top: 800px;
    }

    .homeBulkTxt .title .btmTxt{
        position: absolute;
        top: 900px;
        left: 100px;
        text-align: center;
    }

    .homeBulkTxt .sidebar{
        margin-left: 100px;
    }
}

@media screen and (max-width: 1600px) {
    .mainTopBar ul{
        display: none;
        flex-direction: column;
        align-items: flex-start;
        gap: 1.7rem;
        position: absolute;
        height: fit-content;
        width: 200px;
        top: 0;
        right: -50px;
        padding: 2rem 1.5rem;
        box-shadow: 0 10px 10px rgba(0, 0, 0, 0.5);
        backdrop-filter: blur(10px);
        background-color: red;
        z-index: 900;
        text-align: center;
    }

    .mainTopBar ul.active{
        display: block;
    }

    .mainTopBar .navbar-toggle{
        display: block;
        z-index: 998;
        position: absolute;
        right: 20px;
        top:10px;
    }

    .mainTopBar .navbar-toggle.active .bar:nth-child(2){
        opacity: 0;
    }

    .mainTopBar .navbar-toggle.active .bar:nth-child(1){
        transform: translateY(8px) rotate(45deg);
    }

    .mainTopBar .navbar-toggle.active .bar:nth-child(3){
        transform: translateY(-8px) rotate(-45deg);
    }

    .datesBulkTxt{
        padding-top: 136px;
    }

}

@media screen and (max-width: 700px) {
    .mainTopBar .banner .default .topTxt{
        display: none;
    }
}


@media screen and (max-width: 1200px) {
    .historyBulkTxt .redBook{
        display: none;
    }

    .historyBulkTxt .blackBook{
        display: none;
    }

    .historyBulkTxt .text{
        padding-right: 50px;
        left: 50px
    }

    .historyBulkTxt .title{
        padding-right: 50px;
        left: 50px;
    }
}

@media screen and (max-width: 1800px) {
    .preceptorsBulkTxt .title{
        left: 100px;
    }

    .preceptorsBulkTxt .text{
        left: 100px;
    }

    .preceptorsBulkTxt .img{
        left: 100px;
    }
}

@media screen and (max-width: 1700px) {
    .preceptorsBulkTxt table{
        top: 1150px;
        left: 100px;
    }

    .preceptorsBulkTxt .text{
        padding-right: 100px;
    }
}

@media screen and (max-width: 800px) {
    .preceptorsBulkTxt table{
        top: 1350px;
    }

    .preceptorsBulkTxt .img{
        top: 800px;
    }
}

@media screen and (max-width: 1800px) {
    .datesBulkTxt{
        left: 0px;
    }
}

@media screen and (max-width: 1700px) {
    .datesActionImg{
        display: none;
    }

    .datesBulkTxt{
        left: 5%;
        width: 100%;
    }

    .datesBulkTxt .text .left{
        left: 20%;
    }

    .datesBulkTxt .text .right{
        right: 20%;
    }

    .datesBulkTxt .text .theThinRedLine{
        margin-left: 23vw;
    }

    .datesBulkTxt .text{
        margin-left: 12vw;
    }
}

@media screen and (max-width: 1200px) {
    .datesBulkTxt .text .left{
        left: 35%;
    }

    .datesBulkTxt .text .right{
        left: 35%;
        top: 500px;
    }

    .datesBulkTxt .text{
        margin-left: 100px;
        margin-right: 100px;
        width: 80%
    }

    .datesBulkTxt .text .theThinRedLine{
        display: none;
    }

    .datesBulkTxt .extraBreaks{
        display: block;
    }
}

@media screen and (max-width: 800px) {
    .datesBulkTxt .text .left{
        left: 20%;
    }

    .datesBulkTxt .text .right{
        left: 20%;
        top: 700px;
    }
}

@media screen and (max-width: 1000px) {
    .membershipBulkTxt .download .img{
        display: none;
    }

    .membershipBulkTxt .text{
        margin-right: 100px;
    }
}

@media screen and (max-width: 1300px) {
    .membershipBulkTxt .list ul{
        top: 300px;
    }
}

@media screen and (max-width: 1200px) {
    .membershipBulkTxt .list ul{
        top: 330px;
    }
}

@media screen and (max-width: 1000px) {
    .membershipBulkTxt .list ul{
        top: 360px;
    }

    .membershipBulkTxt .txt{
        left: 100px;
    }
}

@media screen and (max-width: 900px) {
    .membershipBulkTxt .list ul{
        top: 390px;
    }
}

@media screen and (max-width: 700px) {
    .membershipBulkTxt .list ul{
        top: 470px;
    }

    .membershipBulkTxt .text .drop{
        display: block;
    }

    .membershipBulkTxt .txt{
        left: 50px;
    }
}

@media screen and (max-width: 1300px) {
    .newsBulkTxt{
        left: 50px;
    }
    
    .newsBulkTxt .article .old .img{
        float: left;
        width: 90%;
        margin-right: 50px;
    }

    .newsBulkTxt .article .old .text{
        width: 90%;
    }
}   

@media screen and (max-width: 800px){
    .reportsBulkText .dates{
        padding-left: 100px;
        padding-right: 100px;
    }
}

@media screen and (max-width: 1000px){
    .booksBulkTxt .redBook .redBookText{
        margin-top: 40px;
        margin-left: 50px;
        padding-right: 50px;
    }

    .booksBulkTxt .redBook .redBookImg{
        margin-left: 50px;
    }

    .booksBulkTxt .blackBook .blackBookText{
        margin-top: 40px;
        margin-left: 50px;
        padding-right: 50px;
    }

    .booksBulkTxt .blackBook .blackBookImg{
        margin-left: 50px;
    }

    .booksBulkTxt .templarToast .templarTxt{
        margin-top: 40px;
        margin-left: 50px;
        padding-right: 50px;
    }

    .booksBulkTxt .templarToast .templarImg{
        margin-left: 50px;
    }

    .booksBulkTxt .maltaToast .maltaTxt{
        margin-top: 40px;
        margin-left: 50px;
        padding-right: 50px;
    }

    .booksBulkTxt .maltaToast .maltaImg{
        margin-left: 50px;
    }

    .booksBulkTxt .musicBook .musicText{
        margin-top: 40px;
        margin-left: 50px;
        padding-right: 50px;
    }

    .booksBulkTxt .musicBook .music{
        margin-left: 50px;
    }

    .booksBulkTxt .title{
        padding-left: 50px;
    }

    .booksBulkTxt .topText{
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media screen and (max-width: 600px){
    .booksBulkTxt .redBook{
        display: inline-block;
    }

    .booksBulkTxt .redBook .redBookText{
        padding-left: 50px;
        padding-right: 50px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .booksBulkTxt .redBook .redBookImg{
        height: 112px;
    }

    .booksBulkTxt .blackBook{
        display: inline-block;
    }

    .booksBulkTxt .blackBook .blackBookText{
        padding-left: 50px;
        padding-right: 50px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .booksBulkTxt .blackBook .blackBookImg{
        height: 112px;
    }

    .booksBulkTxt .templarToast{
        display: inline-block;
    }

    .booksBulkTxt .templarToast .templarTxt{
        padding-left: 50px;
        padding-right: 50px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .booksBulkTxt .templarToast .templarImg{
        height: 112px;
    }

    .booksBulkTxt .maltaToast{
        display: inline-block;
    }

    .booksBulkTxt .maltaToast .maltaTxt{
        padding-left: 50px;
        padding-right: 50px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .booksBulkTxt .maltaToast .maltaImg{
        height: 112px;
    }

    .booksBulkTxt .musicBook{
        display: inline-block;
    }

    .booksBulkTxt .musicBook .musicText{
        padding-left: 50px;
        padding-right: 50px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .booksBulkTxt .musicBook .music{
        height: 112px;
    }
}

@media screen and (max-width: 1600px){
    .datesBulkTxt .img{
        display: none;
    }

    .datesBulkTxt .left{
        justify-content: center;
        margin: auto;
        width: 85%;
    }
}