﻿@media only screen and (min-width:1921px) { }
@media only screen and (min-width:1200px) { }
@media only screen and (min-width:1650px) {
    .container { max-width: 1536px; }
}
@media only screen and (max-width:1800px) {
    .vector { right: -80px; }
}
@media only screen and (max-width:1440px) {
    h1 { font-size: 40px; }
    h2 { font-size: 30px; margin-bottom: 20px; }
    h3 { font-size: 20px; }
    .download-pdf { padding: 50px 50px 30px 0px; }
    .header { padding: 0px 0px 50px; }
    .logo a { max-width: 160px; }
    .footer-link p + p {
    margin-left: 30px;
}
}
@media only screen and (max-width:1366px) {
    .header { padding: 0px 0px 30px; }
    h1 { font-size: 30px; }
    h2 {
    font-size: 26px;
   
}
    .download-pdf { padding: 30px 20px 10px 0px; }
    .download-pdf-link a { font-size: 18px; letter-spacing: 0; padding: 10px 0px; border-radius: 7px; }
    .vector { right: 0px; }
}
@media only screen and (max-width:1280px) { 

.vector {
    right: -50px;
}



}
@media only screen and (max-width:1199px) {


.vector {
    display: none;
}

.download-pdf-wrap:after {
    position: absolute;
    right: -100%;
    background-color: #00A0E3;
    content: "";
    height: 100%;
    width: 100%; top: 0px;
}

.download-pdf {
    padding: 30px 0px 10px 0px;
}
.footer-link p img {
    max-width: 20px;
    margin-right: 10px;
}

 }
@media only screen and (max-width:992px) { 


.download-pdf-link a {
   
    width: calc(50% - 24px);
  
    letter-spacing: 0.3px;
}



}
@media only screen and (max-width:767px) { }
@media only screen and (max-width:580px) {

.container {padding: 0px 20px;}

.download-pdf-link a {
   
    width: calc(100% - 24px);
  
   
}

 section.mainsection {
    height: auto;
    overflow: visible;
}

.header {
    padding: 30px 0px 30px;
}
h1 {
    font-size: 24px;
}
.download-pdf {
    padding: 50px 0px 30px 0px;
}
.footer-link p + p {
    margin-left: 0px;
    margin-top: 10px;
}
.footer-link {
  margin-bottom: 50px;
    flex-wrap: wrap;
}
main {
    overflow: hidden;
}
 }
@media only screen and (max-width:375px) { }