@media screen and (min-width: 2200px) {

    .div-header img {
        width: 18% !important;
    }
}
@media screen and (min-width: 2000px) {

    .div-header img {
        width: 20%;
    }
}
@media screen and (max-width: 1850px) {

    .div-canvas{
        margin: 100px 175px 475px 175px;
    }
}

@media screen and (max-width: 1800px) {

    .div-canvas{
        margin: 100px 150px 450px 150px;
    }
}

@media screen and (max-width: 1750px) {

    .div-canvas{
        margin: 100px 125px 425px 125px;
    }
}

@media screen and (max-width: 1700px) {

    .div-canvas{
        margin: 100px 100px 400px 100px;
    }
}

@media screen and (max-width: 1650px) {

    .div-canvas{
        margin: 100px 75px 375px 75px;
    }
}

@media screen and (max-width: 1536px) { /* Tablet L 1536px x 864px */

    .div-canvas{
        margin: 100px 50px 350px 50px;
    }

    .div-header{
        top: 30px;
    }

    .div-header img {
        margin-top: 30px;
        width: 23%;
    }

    .div-center{
        top: 70%;
    }

    .div-center br{
        display: block;
        line-height: 16px;
    }

    .div-contact{
        bottom: 60px;
    }
}

@media screen and (max-width: 1440px) { /* Laptop Standard 1440px x 900px */

    .div-canvas{
        margin: 100px 40px 350px 40px;
    }

    .div-content h1 {
        font-size: 50px;
    }

    .div-content h2 {
        font-size: 32px;
    }

    .div-content p {
        font-size: 16px;
    }

    .div-header {
        top: 50px;
    }

    .div-header img {
        margin-top: 0px;
        width: 23%;
    }

    .div-center{
        top: 70%;
    }

    .div-center br{
        display: block;
        line-height: 20px;
    }

    .div-contact{
        bottom: 60px;
    }

    .div-footer a{
        width: 9%;
    }
}

@media screen and (max-width: 1400px) {

    .div-canvas{
        margin: 100px 40px 350px 40px;
    }
}

@media screen and (max-width: 1300px) {

    .div-canvas{
        margin: 100px 30px 350px 30px;
    }
}

@media screen and (max-width: 1280px) { /* Nest Hub Max 1280px x 820 */

    .div-canvas{
        margin: 100px 20px 350px 20px;
    }

    .div-content h1{
        font-size: 35px;
    }

    .div-content h2 {
        font-size: 25px;
    }

    .div-content p {
        font-size: 16px;
    }

    .div-header {
        top: 50px;
    }

    .div-header img {
        margin-top: 0px;
        width: 20%;
    }

    .div-center{
        top: 70%;
    }

    .div-center br{
        display: block;
        line-height: 20px;
    }

    .div-contact{
        bottom: 40px;
    }

    .div-footer p{
        padding: 30px 0 0 0;
    }
}

@media screen and (max-width: 1180px) { /* iPad Air 1180px x 820 */

    .div-canvas{
        margin: 100px 20px 350px 20px;
    }

    .div-content h1{
        font-size: 40px;
    }

    .div-content h2 {
        font-size: 30px;
    }

    .div-content p {
        font-size: 16px;
    }

    .div-header {
        top: 50px;
    }

    .div-header img {
        margin-top: 0px;
        width: 23%;
    }

    .div-center{
        top: 70%;
    }

    .div-center br{
        display: block;
        line-height: 20px;
    }

    .div-contact{
        bottom: 40px;
    }
}

@media screen and (max-width: 1080px) { /* Laptop S / iPad (flipped) 1024px x 768px */

    .div-canvas{
        margin: 100px 15px 350px 15px;
    }

    .div-content h1 {
        font-size: 35px;
    }

    .div-content h2 {
        font-size: 30px;
    }

    .div-content p {
        font-size: 16px;
    }

    .div-header{
        top: 30px;
    }

    .div-header br{
        display: block;
    }

    .div-header img {
        margin-top: 20px;
    }

    .div-center {
        top: 70%;
    }

    .div-center br{
        display: block;
        line-height: 10px;
    }

    .div-contact{
        bottom: 30px;
    }

    .text-width{
        width: 100%;
    }

    .div-footer a{
        width: 10%;
    }
}

@media screen and (max-width: 1015px) {

    .div-canvas {
        margin: 0 0 350px 0;
    }

    .div-content h1 {
        font-size: 50px;
    }

    .div-content h2 {
        font-size: 40px;
    }

    .div-content p {
        font-size: var(--p-font-size);
    }

    .div-header br {
        display: none;
    }

    .div-header img {
        height: auto;
        margin-top: 30px;
        width: 20%;
    }

    .div-center {
        top: 65%;
    }
}

@media screen and (max-width: 927px) { /* Iphone 13max (flipped) 926px x 428px */

    .div-canvas{
        height: 90%;
    }

    .div-content h1 {
        font-size: 20px;
    }

    .div-content h2 {
        font-size: 18px;
    }

    .div-content p {
        font-size: 12px;
    }

    .div-header{
        top: 10px
    }

    .div-header br {
        display: block;
    }

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

    .div-center {
        top: 70%;
    }

    .div-center br{
        line-height: 5px;
    }

    .div-contact{
        bottom: 15px;
    }

    .text-width{
        width: 100%;
    }

    .div-footer{
        height: 5%;
    }

    .div-footer a{
        width: 11%;
    }

    .div-footer p{
        font-size: 16px;
        padding-top: 8px;
    }
}

@media screen and (max-width: 915px) { /* Samsung Galaxy S20 Ultra (flipped) 915px x 412px */

    .div-canvas{
        height: 90%;
    }

    .div-content h1 {
        font-size: 20px;
    }

    .div-content h2 {
        font-size: 18px;
    }

    .div-content p {
        font-size: 12px;
    }

    .div-header{
        top: 10px
    }

    .div-header br {
        display: block;
    }

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

    .div-center {
        top: 70%;
    }

    .div-center br{
        line-height: 5px;
    }

    .div-contact{
        bottom: 15px;
    }

    .text-width{
        width: 100%;
    }

    .div-footer{
        height: 5%;
    }

    .div-footer a{
        width: 11%;
    }

    .div-footer p{
        font-size: 16px;
        padding-top: 8px;
    }
}

@media screen and (max-width: 912px) and (min-height: 1100px){ /* Surface Pro 7 912px x 1368px */

    .div-canvas{
        height: 90%;
    }

    .div-content h1 {
        font-size: 50px;
    }

    .div-content h2 {
        font-size: 40px;
    }

    .div-content p {
        font-size: 25px;
    }

    .div-header{
        top: 50px
    }

    .div-header br {
        display: block;
    }

    .div-header img {
        height: auto;
        margin-top: 0px;
        width: 60%;
    }

    .div-center {
        top: 75%;

    }

    .div-center br{
        line-height: 30px;
    }

    .div-contact{
        bottom: 50px;
    }

    .text-width{
        width: 100%;
    }

    .div-footer{
        height: 5%;
    }

    .div-footer a{
        width: 17%;
    }

    .div-footer p{
        font-size: 30px;
        padding-top: 40px;
    }
}

@media screen and (max-width: 896px) { /* Mobile Screen L (flipped) 896px x 414px */

    .div-canvas{
        height: 90%;
    }

    .div-content h1 {
        font-size: 22px;
    }

    .div-content h2 {
        font-size: 18px;
    }

    .div-content p {
        font-size: 11px;
    }

    .div-header{
        top: 10px
    }

    .div-header br {
        display: block;
    }

    .div-header img {
        height: auto;
        margin-top: 10px;
        width: 20%;
    }

    .div-center {
        top: 70%;
    }

    .div-center br{
        line-height: 30px;
    }

    .div-contact{
        bottom: 15px;
    }

    .text-width{
        width: 100%;
    }

    .div-footer{
        height: 10%;
        margin: 0;
    }

    .div-footer a{
        width: 11%;
    }

    .div-footer p{
        font-size: 16px;
        padding-top: 6px;
    }
}

@media screen and (max-width: 864px) and (min-height: 1200px){ /* Tablet L (flipped) 864px x 1536px */

    .div-canvas{
        height: 90%;
    }

    .div-content h1 {
        font-size: 50px;
    }

    .div-content h2 {
        font-size: 36px;
    }

    .div-content p {
        font-size: 20px;
    }

    .div-header{
        top: 50px
    }

    .div-header br {
        display: block;
    }

    .div-header img {
        height: auto;
        margin-top: 40px;
        width: 60%;
    }

    .div-center {
        top: 75%;
        padding: 0px 20px 0px 20px;
    }

    .div-center br{
        line-height: 30px;
    }

    .div-contact{
        bottom: 50px;
    }

    .text-width{
        width: 100%;
    }

    .div-footer a{
        width: 15%;
    }

    .div-footer p{
        font-size: 25px;
        padding-top: 50px;
    }
}

@media screen and (max-width: 854px) { /* Pixel 5 / Galaxy S20+ / iPhone 12 Pro (flipped) 851px x 393px */

    .div-canvas{
        height: 90%;
    }

    .div-content h1 {
        font-size: 22px;
    }

    .div-content h2 {
        font-size: 18px;
    }

    .div-content p {
        font-size: 11px;
    }

    .div-header{
        top: 10px
    }

    .div-header br {
        display: block;
    }

    .div-header img {
        height: auto;
        margin-top: 10px;
        width: 20%;
    }

    .div-center {
        top: 70%;
    }

    .div-center br{
        line-height: 30px;
    }

    .div-contact{
        bottom: 15px;
    }

    .text-width{
        width: 100%;
    }

    .div-footer a{
        width: 11%;
    }

    .div-footer p{
        font-size: 16px;
        padding-top: 7px;
    }
}

@media screen and (max-width: 820px) { /* iPad Air (flipped) 820px x 1180px */

    .div-center {
        top: 80%;
    }

    .div-content h1 {
        font-size: 50px;
    }

    .div-content h2 {
        font-size: 35px;
    }

    .div-content p {
        font-size: 20px;
    }

    .div-header{
        top: 50px;
    }

    .div-center {
        top: 72%;
    }

    .div-header img {
        height: auto;
        margin-top: 40px;
        width: 60%;
    }

    .text-width{
        width: 100%;
    }

    .div-contact{
        bottom: 50px;
    }

    .div-footer{
        height: 5%;
    }

    .div-footer a{
        width: 16%;
    }

    .div-footer p{
        font-size: 25px;
        padding-top: 40px;
    }
}

@media screen and (max-width: 812px) { /* Galaxy S20 / iPhone 11 Pro (flipped) 800x x 360px */

    .div-canvas{
        height: 90%;
        margin: 0;
    }

    .div-content{
        height: 100%;
    }

    .div-content h1{
        font-size: 20px;
    }

    .div-content h2{
        font-size: 18px;
    }

    .div-content p{
        font-size: 10px;
    }

    .div-header{
        top: 10px;
    }

    .div-header br{
        display: block;
    }

    .div-header img{
        height: auto;
        margin-top: 10px;
        width: 20%;
    }

    .div-center{
        top: 70%;
    }

    .div-center br{
        display: none;
    }

    .div-contact{
        bottom: 10px;
    }

    .text-width{
        width: 100%;
    }

    .div-footer{
        height: 10%;
    }

    .div-footer a{
        width: 12%;
    }

    .div-footer p{
        font-size: 16px;
        padding: 8px 0 0 0;
    }
}

@media screen and (max-width: 768px) { /* iPad Mini (flipped) 768px x 1024px */

    .div-center {
        top: 80%;
    }

    .div-header img {
        height: auto;
        margin-top: 40px;
        width: 60%;
    }

    .div-content p {
        font-size: 16px;
    }

    .div-content h2 {
        font-size: 28px;
    }

    .div-contact{
        bottom: 30px;
    }

    .div-footer p{
        padding-top: 30px;
    }

}

@media screen and (max-width: 760px) { /* Galaxy S10/S10+ (flipped) 760px x 360px */

    .div-canvas{
        height: 90%;
        margin: 0;
    }

    .div-content{
        height: 100%;
    }

    .div-content h1{
        font-size: 20px;
    }

    .div-content h2{
        font-size: 18px;
    }

    .div-content p{
        font-size: 10px;
    }

    .div-header{
        top: 10px;
    }

    .div-header br{
        display: block;
    }

    .div-header img{
        height: auto;
        margin-top: 10px;
        width: 20%;
    }

    .div-center{
        top: 70%;
    }

    .div-center br{
        display: none;
    }

    .div-contact{
        bottom: 10px;
    }

    .text-width{
        width: 100%;
    }

    .div-footer{
        height: 10%;
    }

    .div-footer a{
        width: 12%;
    }

    .div-footer p{
        font-size: 16px;
        padding: 8px 0 0 0;
    }

}

@media screen and (max-width: 740px) { /* Samsung Galaxy s8+ (flipped) 740px x 360px */

    .div-canvas{
        height: 90%;
    }

    .div-content h1 {
        font-size: 20px;
    }

    .div-content h2 {
        font-size: 16px;
    }

    .div-content p {
        font-size: 10px;
    }

    .div-header{
        top: 10px
    }

    .div-header br {
        display: block;
    }

    .div-header img {
        height: auto;
        margin-top: 0;
        width: 20%;
    }

    .div-center {
        top: 70%;
    }

    .div-center br{
        line-height: 30px;
    }

    .div-contact{
        bottom: 10px;
    }

    .text-width{
        width: 100%;
    }

    .div-footer a{
        width: 11%;
    }

    .div-footer p{
        font-size: 12px;
        padding-top: 7px;
    }
}

@media screen and (max-width: 720px) { /* Surface Duo (flipped) 720px x 540px */

    .div-canvas{
        height: 90%;
        margin: 0;
    }

    .div-content{
        height: 100%;
    }

    .div-content h1{
        font-size: 25px;
    }

    .div-content h2{
        font-size: 22px;
    }

    .div-content p{
        font-size: 14px;
    }

    .div-header{
        top: 25px;
    }

    .div-header br{
        display: block;
    }

    .div-header img{
        height: auto;
        margin-top: 25px;
        width: 27%;
    }

    .div-center{
        top: 70%;
    }

    .div-center br{
        display: none;
    }

    .div-contact{
        bottom: 25px;
    }

    .text-width{
        width: 100%;
    }

    .div-footer{
        height: 10%;
    }

    .div-footer a{
        width: 12%;
    }

    .div-footer p{
        font-size: 16px;
        padding: 15px 0 0 0;
    }

}

@media screen and (max-width: 667px) { /* Tablet S 667px x 375px */

    .div-canvas{
        height: 90%;
        margin: 0;
    }

    .div-content{
        height: 100%;
    }

    .div-content h1{
        font-size: 20px;
    }

    .div-content h2{
        font-size: 18px;
    }

    .div-content p{
        font-size: 10px;
    }

    .div-header{
        top: 10px;
    }

    .div-header br{
        display: block;
    }

    .div-header img{
        height: auto;
        margin-top: 10px;
        width: 23%;
    }

    .div-center{
        top: 70%;
    }

    .div-center br{
        display: none;
    }

    .div-contact{
        bottom: 10px;
    }

    .text-width{
        width: 100%;
    }

    .div-footer{
        height: 10%;
    }

    .div-footer p{
        font-size: 16px;
        padding: 5px 0 0 0;
    }
}

@media screen and (max-width: 653px) {  /* Galaxy Fold (flipped) 653px x 280px */

    .div-canvas{
        height: 90%;
        margin: 0;
    }

    .div-content h1{
        font-size: 16px;
    }

    .div-content h2{
        font-size: 12px;
    }

    .div-content p{
        font-size: 8px;
    }

    .div-header{
        top: 10px;
    }

    .div-header br{
        display: block;
    }

    .div-header img{
        height: auto;
        margin-top: 0px;
        width: 20%;
    }

    .div-center{
        top: 70%;
    }

    .div-center br{
        display: none;
    }

    .div-contact{
        bottom: 10px;
    }

    .text-width{
        width: 100%;
    }

    .div-footer{
        height: 10%;
    }

    .div-footer a{
        width: 10%;
    }

    .div-footer p{
        font-size: 12px;
        padding: 5px 0 0 0;
    }
}

@media screen and (max-width: 540px) { /* Surface Duo 540px x 720px */

    .div-canvas{
        height: 90%;
        margin: 0;
    }

    .div-content{
        height: 100%;
    }

    .div-content h1{
        font-size: 30px;
    }

    .div-content h2{
        font-size: 25px;
    }

    .div-content p{
        font-size: 14px;
    }

    .div-header{
        top: 50px;
    }

    .div-header br{
        display: block;
    }

    .div-header img{
        height: auto;
        margin-top: 0px;
        width: 50%;
    }

    .div-center{
        top: 70%;
        padding: 0px 20px 0px 20px;
    }

    .div-contact{
        bottom: 30px;
    }

    .text-width{
        width: 100%;
    }

    .div-footer{
        height: 10%;
    }

    .div-footer a{
        width: 22%;
    }

    .div-footer p{
        font-size: 16px;
        padding: 16px 0 0 0;
    }
}

@media screen and (max-width: 428px) { /* Mobile Screen L / iPhone 12/13 Pro Max 428px x 896px */

    .div-content h1{
        font-size: 25px;
    }

    .div-content h2{
        font-size: 18px;
    }

    .div-content p{
        font-size: 12px;
    }

    .div-header{
        top: 50px;
    }

    .div-header br{
        display: block;
    }

    .div-header img{
        margin-top: 30px;
        width: 75%;
    }

    .div-center{
        top: 75%;
    }

    .div-center br{
        line-height: 30px;
    }

    .div-contact{
        bottom: 30px;
    }

    .div-footer a{
        width: 25%;
    }

    .div-footer p{
        font-size: 20px;
        padding: 30px 0 0 0;
    }
}

@media screen and (max-width: 375px) { /* Tablet S (flipped) 375px x 667px */

    .div-content h1{
        font-size: 22px;
    }

    .div-content h2{
        font-size: 18px;
    }

    .div-content p{
        font-size: 10px;
    }

    .div-header{
        top: 50px;
    }

    .div-header br{
        display: block;
    }

    .div-header img{
        margin-top: 20px;
        width: 60%;
    }

    .div-center{
        top: 72%;
    }

    .div-contact{
        bottom: 30px;
    }

    .div-footer a{
        width: 21%;
    }

    .div-footer p{
        font-size: 16px;
        padding: 20px 0 0 0;
    }
}

@media screen and (max-width: 360px) { /* Mobile Screen S (flipped) 360px x 640px */

    .div-footer a{
        width: 22%;
    }

    .div-footer p{
        font-size: 16px;
        padding: 20px 0 0 0;
    }
}

@media screen and (max-width: 320px) { /* iPhone 5 (Smallest Screen Size in use) 320px x 568px */

    .div-content h1{
        font-size: 20px;
    }

    .div-content h2{
        font-size: 16px;
    }

    .div-content p{
        font-size: 9px;
    }

    .div-header{
        top: 25px
    }

    .div-header img{
        margin-top: 20px;
        width: 60%;
    }

    .div-center{
        top: 75%;
    }

    .div-center br{
        line-height: 15px;
    }

    .div-header br{
        display: block;
    }

    .div-contact{
        bottom: 15px;
    }

    .div-footer a{
        width: 23%;
    }

    .div-footer p{
        font-size: 14px;
        padding: 15px 0 0 0;
    }
}

@media screen and (max-width: 280px) {  /* Galaxy Fold 280px x 653px */

    .div-content h1{
        font-size: 18px;
    }

    .div-content h2{
        font-size: 14px;
    }

    .div-content p{
        font-size: 8px;
    }

    .div-header{
        top: 25px
    }

    .div-header img{
        margin-top: 20px;
        width: 80%;
    }

    .div-center{
        top: 75%;
    }

    .div-center br{
        line-height: 15px;
    }

    .div-header br{
        display: block;
    }

    .div-contact{
        bottom: 25px;
    }

    .text-width{
        width: 100%;
    }

    .div-footer a{
        width: 25%;
    }

    .div-footer p{
        font-size: 14px;
        padding: 22px 0 0 0;
    }
}

@media screen and (min-width: 1280px) and (max-height: 899px) {
    /* Screen HD 125% */
    .div-content h1 {
        font-size: 20px;
    }

    .div-content h2 {
        font-size: 20px;
    }

    .div-content p {
        font-size: 12px;
    }

    .div-header {
        top: 25px
    }

    .div-header img {
        margin-top: 10px;
        width: 18%;
    }

    .div-center {
        top: 75%;
    }

    .div-center br {
        line-height: 15px;
    }

    .div-header br {
        display: block;
    }

    .div-contact {
        bottom: 15px;
    }

    .div-footer p {
        font-size: 14px;
        padding: 15px 0 0 0;
    }

    .div-footer a {
        width: 6.5%;
    }
}

@media screen and (min-width: 930px) and (max-height: 899px) abd (max-width: 1280px){    /* Screen HD 125% */
    .div-content h1{
        font-size: 20px;
    }

    .div-content h2{
        font-size: 24px;
    }

    .div-content p{
        font-size: 14px;
    }

    .div-header{
        top: 25px
    }

    .div-header img{
        margin-top: 10px;
        width: 23%;
    }

    .div-center{
        top: 75%;
    }

    .div-center br{
        line-height: 15px;
    }

    .div-header br{
        display: block;
    }

    .div-contact{
        bottom: 15px;
    }

    .div-footer p{
        font-size: 14px;
        padding: 15px 0 0 0;
    }

    .div-footer a{
        width: 6.5%;
    }
}