/* Smartphones (landscape) */
@media only screen and (min-width : 321px) {
    /* Styles */
    body {font-family: 'Caveat', sans-serif;background-color: rgb(226, 226, 240);}
    .landing-page{width: 100%;height: 80%;background-color: rgba(226,226,240,.1);}
    .landing-page-shadow {margin: auto; width: 100%;height: 100%;background-color: rgba(226, 226, 240,.3);}
    .landing-page-text .img2 {float: right;width: 25%;height: 25%;object-fit: cover;}
    .landing-page-text .clearfix::after {color: rgb(0, 0, 0);font-size: 30px;content: "";clear: both;display: table;}
    .landing-page-shadow .container{display: flex;height: 100%;justify-content: space-between;align-items: center;text-align: center}
    .landing-page-text p{color: rgb(0, 0, 0);font-size: 24px;display: flex;flex-direction: column;align-items:flex-start;justify-content: space-evenly;height: 30%;}
    .landing-page-text-foot p{color: rgb(0, 0, 0);font-size: 21px;display: flex;flex-direction: row;justify-content: flex-end;}
    footer {height: 20%;width: 100%;background-color: rgb(226, 226, 240);}
    footer table{width: 100%;}
    footer table td{width: 22%}
    }
/* Smartphones (portrait) */
@media only screen and (max-width : 320px) {
    /* Styles */
    body {font-family: 'Caveat', sans-serif;background-color: rgb(226, 226, 240);    }
    .landing-page {width: 100%;height: 80%;background-color: rgba(226,226,240,.1);    }
    .landing-page-shadow {margin: auto; width: 100%;height: 100%;background-color: rgba(226, 226, 240,.3);    }
    .img2 {float: right;width: 42%;height: 42%;object-fit: fill;    }
    .landing-page-text .clearfix::after {color: rgb(0, 0, 0);font-size: 20px;content: "";clear: both;display: table;    }
    .landing-page-shadow .container {display: flex;height: 100%;justify-content: space-between;align-items: center;    }
    .landing-page-text p {color: rgb(0, 0, 0);font-size: 24px;display: flex;flex-direction: column;align-items:flex-start;justify-content:stretch;height: 30%; }
    .landing-page-text-foot p {color: rgb(0, 0, 0);font-size: 21px;display: flex;flex-direction: row;justify-content: flex-end;}
    footer {height: 20%;width: 100%;background-color: rgb(226, 226, 240);}
    footer table{width: 100%;}
    footer table td{width: 30%}
}


/* Desktops and laptops */
@media only screen and (min-width : 1224px) {
     body {font-family: 'Caveat', sans-serif;background-color: rgb(226, 226, 240);}
    .landing-page{width: 100%;height: 80%;background-color: rgba(177,174,174,.1);}
    .landing-page-shadow {margin: auto;width: 90%;height: 80%;background-color: rgba(226, 226, 240,.3);}
    .landing-page-text .img2 {float: right;width: 20%;height: 20%;object-fit: cover;}
    .landing-page-text .clearfix::after {color: rgb(0, 0, 0);font-size: 32px;content: "";clear: both;display: table;}
    .landing-page-shadow .container{display: flex;height: 100%;justify-content: space-between;align-items: center;padding: 5%}
    .landing-page-text p{color: rgb(0, 0, 0);font-size: 32px;display: flex;flex-direction: column;align-items:flex-start;justify-content: space-evenly;height: 30%;}
    .landing-page-text-foot p{color: rgb(0, 0, 0);font-size: 32px;display: flex;flex-direction: row;justify-content: flex-end;}
    footer {height: 20%;width: 100%;background-color: rgb(226, 226, 240);}
    footer table{width: 100%;}
    footer table td{width: 15%}

 }

/* iPads (landscape) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    /* Styles */
body {font-family: 'Caveat', sans-serif;background-color: rgb(226, 226, 240);}
.landing-page{width: 90%;height: 80%;background-color: rgba(177,174,174,.1);}
.landing-page-shadow {margin: auto; width: 100%;height: 90%;background-color: rgba(226, 226, 240,.3);}
.img2 {float: right;}
.landing-page-text .clearfix::after {color: rgb(0, 0, 0);font-size: 32px;content: "";clear: both;display: table;}
.landing-page-shadow .container{display: flex;height: 90%;justify-content: space-between;align-items: center;}
.landing-page-text p{color: rgb(0, 0, 0);font-size: 32px;display: flex;flex-direction: column;align-items:flex-start;justify-content: space-evenly;height: 30%;}
.landing-page-text-foot p{color: rgb(0, 0, 0);font-size: 32px;display: flex;flex-direction: row;justify-content: flex-end;}
    footer {height: 20%;width: 100%;background-color: rgb(226, 226, 240);}
    footer table{width: 100%;}
    footer table td{width: 30%}

}

/* iPads (portrait) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    /* Styles */
body {font-family: 'Caveat', sans-serif;background-color: rgb(226, 226, 240);}
.landing-page{width: 85%;height: 80%;background-color: rgba(177,174,174,.1);}
.landing-page-shadow {margin: auto; width: 90%;height: 90%;background-color: rgba(226, 226, 240,.3);}
.img2 {float: right;width: 160px;height: 160px;object-fit: cover;}
.landing-page-text .clearfix::after {color: rgb(0, 0, 0);font-size: 32px;content: "";clear: both;display: table;}
.landing-page-shadow .container{display: flex;height: 90%;justify-content: space-between;align-items: center;}
.landing-page-text p{color: rgb(0, 0, 0);font-size: 32px;display: flex;flex-direction: column;align-items:flex-start;justify-content: space-evenly;height: 30%;}
.landing-page-text-foot p{color: rgb(0, 0, 0);font-size: 32px;display: flex;flex-direction: row;justify-content: flex-end;}
    footer {height: 20%;width: 100%;background-color: rgb(226, 226, 240);}
    footer table{width: 100%;}
    footer table td{width: 30%}

}