body { font-family: 'Myriad Pro';font-size:25px; line-height:20px; color:#6d6e71; padding:0; margin:0}
img { width:auto;max-width:100%}
.container { width:100%;max-width:100%; padding:0; margin:0 auto }
.container-fluid { min-height: 100vh; width:100%; padding:0; margin:0; float:left;  background: url(/content/dam/ipb-camp/images/img-for-bg.png) no-repeat left bottom #fff; }
@font-face {
    font-family: 'Myriad Pro';
    src: url('/content/dam/ipb-camp/fonts/MyriadPro-Regular.woff2') format('woff2'),
        url('/content/dam/ipb-camp/fonts/MyriadPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Myriad Pro';
    src: url('/content/dam/ipb-camp/fonts/MyriadPro-Semibold.woff2') format('woff2'),
        url('/content/dam/ipb-camp/fonts/MyriadPro-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
.header-container { width:100%; float:left; padding:0; margin:0; text-align:right;}
.header-container img { float:right; margin:35px 50px 50px 0;width: 350px;}
.middle-panel { width:80%;    margin: 0px; padding:0 10%; float:left}
.mid-left { width:40%; padding:0; margin:0; float:left; position:relative; height:400px; display:flex; align-items:center;justify-content:flex-start;  }
.mid-left img { float:left; max-width:80%; width:80%}
.mid-left:before { content:''; position:absolute; top:0; height:100%; width:1px; background:#9ea0a3;right:0}
.mid-right { width: 60%; padding: 4% 0 0 6%; margin: 0; float: left; display: inline-block; box-sizing: border-box; }
.confirm-text {font-size: 75px; text-transform:uppercase; float:left; width:100%; font-weight:600; color:#cba72c; line-height:66px;margin: 0px;}
.texts { font-size: 26px; text-transform: none; float: left; width: 75%; font-weight: normal; color: #6d6e70; line-height: 32px; border-bottom: 2px solid #cba82c; padding: 0px 0px 10px 0px; }
.textss { font-size: 20px; text-transform: none; float: left; width: 100%; font-weight: normal; color: #6d6e70; line-height: 32px; border-bottom: 0px solid #cba82c; padding: 10px 0 0px 0; }
 .textline {color:#6d6e70;font-size: 18px; text-transform:none; float:left; width:100%; font-weight:normal; color:#6d6e70; line-height:32px; padding:10px 0 0 0;margin:0px; }

.icon-panel { width:100%; float:left; padding:10% 0 0 0; margin:0;    box-sizing: border-box;}
.icon-left { float:left;width: auto;    margin-right: 20px;}
.icon-right { float:left; width:80%}
.icon-right p {line-height: 22px;font-size: 20px;margin: 0 0 15px 0; padding:0; float:left}
.footer {position: fixed;bottom: 0;background: #000; float: left; width: 100%; font-size: 16px; color: #FFF; padding: 18px 80px;box-sizing: border-box;}
.copy-right { display: inline-block; float: left; }
.privacy-policy { display: inline-block; float: right; }
.footer a{color:#FFF; text-decoration:none; }
.footer a:hover{color:#fff; }
.thumb-panel { float: left; width: 100%;    text-align: left; }
.thumb-panel p { font-size: 20px; padding-top: 10px; margin-right: 15px; }




 @media only screen and (min-width:1024px) and (max-width:1169px) {

.mid-right { width: 60%; }
.mid-left{height: 400px;}
.header-container img { float: right; margin: 40px 40px 40px 0;width: 300px; }
.confirm-text { font-size: 78px;}
.middle-panel { width: 90%; padding: 0 5%;}
.texts { font-size: 30px;  width: 88%;line-height: 30px; padding: 0px 0 10px 0; }
.textline{font-size: 18px;    line-height: 26px;padding: 10px 0 0 0;}
.icon-right p { line-height: 22px; font-size: 18px; }
.footer{padding: 18px 30px;}

}

@media only screen and (min-width:768px) and (max-width:1023px) {

.header-container img { float: right; margin: 40px 40px 40px 0;width: 300px; }
.mid-right { width: 100%; padding: 0px;text-align: center; }
.mid-left { height: auto; width: 100%; text-align: center; margin-bottom:30px; padding-bottom: 30px; box-sizing: border-box; }
.mid-left img { float: none; max-width: 50%; margin: 0px auto; }
.mid-left:before { display:none;content: ''; position: absolute; top: auto; height: 1px; width: 100%; background: #9ea0a3; right: 0; bottom: 0px; }
.confirm-text { font-size: 78px; text-align: center; margin-bottom: 30px; }
.middle-panel { width: 100%; padding: 0px 15px;box-sizing: border-box; }
.texts { font-size: 30px; width: auto; line-height: 30px; padding: 0px 0 10px 0; float: none; margin: 0px auto; display: inline-block; }
.textline { font-size: 23px; line-height: 26px; padding: 20px 0 0 0; }
.icon-right p { line-height: 22px; font-size: 18px;    text-align: left; }
.footer{padding: 18px 15px;}
.icon-right {width: 75%; }
.icon-panel { width: 53%; float: none; padding: 10% 0 0 0; margin: 0 auto; display: inline-block; }


 }


@media only screen and (min-width:320px) and (max-width:767px) {
.header-container { width: 100%; float: left; padding: 0 15px; box-sizing: border-box; margin: 0; text-align: right; }
.header-container img { float: right; margin: 40px 0; width: 250px; }
.mid-right { width: 100%; padding: 0px;text-align: center; }
.mid-left { height: auto; width: 100%; text-align: center;margin-bottom: 20px;padding-bottom: 20px; box-sizing: border-box; }
.mid-left img { float: none;max-width: 100%; margin: 0px auto;width: 270px; }
.mid-left:before { display:none;content: ''; position: absolute; top: auto; height: 1px; width: 100%; background: #9ea0a3; right: 0; bottom: 0px; }
.confirm-text { font-size: 48px; text-align: center; margin-bottom: 0px; }
.middle-panel { width: 100%; padding: 0px 15px;box-sizing: border-box; }
.texts { font-size: 24px; width: auto; line-height: 30px; padding: 0px 0 10px 0; float: none; margin: 0px auto; display: inline-block; }
.textline { font-size: 20px; line-height: 26px; padding: 15px 0 0 0; }
.icon-right p { line-height: 22px; font-size: 18px; text-align: center; float: none; margin: 0px auto; width: auto; display: inline-block;    margin-bottom: 20px; }
.footer{padding: 18px 15px;    position: relative;}
.icon-right {width: 100%; }
.icon-panel { width:100%; float: none; padding: 10% 0 0 0; margin: 0 auto; display: inline-block;    margin-bottom: 30px; }
.icon-left { float: none; width: auto; margin-right: 0; margin-bottom: 20px; }
.copy-right {     width: 100%;	margin-bottom: 20px; text-align: center; }
.privacy-policy{width: 100%;text-align: center;}
.thumb-panel { float: none; width: auto; text-align: left; display: inline-block; }
.thumb-panel p { margin: -7px 10px 0 0 !important; float: left !important; }
}


@media only screen and (min-width:480px) and (max-width:767px) {

}
@media only screen and (min-width:640px) and (max-width:767px) {
.icon-left { float: left; width: auto; margin-right: 30px; margin-bottom: 0; }
.icon-right { width:60%; }
.thumb-panel { float: left; }
.icon-panel{padding:5% 0 0 18%;	}
.copy-right { width: auto; margin-bottom: 0px; }
.privacy-policy { width: auto; }
.icon-right p {text-align:left;}
.mid-left img{    width: 340px;}
.header-container img{    width: 320px}

}