html, body {min-height: 100%; height: 100%;}
body{margin:0; padding:0; background: url("images/main-bg.jpg") top center no-repeat; background-size:100% 100%; font-family: 'Lato', sans-serif; color: #231F20;}
img{max-width:100%;}
.middle-align {width: 750px;height: 100%;position: relative;display: table;margin: 0 auto;}
.wrapper {width: 100%;display: table-cell;vertical-align: middle;}
.main-div{width: 100%; float: left; border: 11px solid #907B56; background-color: #fff; border-radius: 1000px;}
.content-block{width: 475px; margin: 0 auto; text-align: center;}
.logo {width: 100%;float: left;margin:60px 0 15px;}
.logo img{max-width: 70%;}
.global-summit-logo{width: 100%; float: left;}
.global-summit-logo img{max-width: 80%;}
.join-block{width: 100%; float: left; margin:30px 0 40px;}
.join-block h2 {width: 100%;float: left;font-size: 36px;color: #D15027;text-transform: uppercase;letter-spacing: 0.5px; margin: 0; padding: 0; line-height: 40px;}
.join-block h3 {width: 100%;float: left;font-size: 28px;font-style: italic;margin:0 0 25px;}
.join-block p {font-size: 22px;line-height: 32px;width: 100%;float: left;margin: 0;}
.join-block p a{color: #231F20; text-decoration: none;}
.join-block p a:hover{color: #D15027; text-decoration: underline;}

@media only screen and (min-device-width:1367px) and (max-device-width:1750px){
    .middle-align{width: 600px;}
    .logo img{max-width:50%;}
    .join-block h2{font-size:30px;line-height: 30px;}
    .join-block h3{font-size:20px;}
    .join-block p {font-size: 18px;line-height: 23px;}
    .global-summit-logo img{width:55%;}
}

@media only screen and (min-device-width:1024px) and (max-device-width:1366px){
    .middle-align{width: 500px;}
    img, .logo img{max-width: 50%;}
    .logo {margin-top:50px;}
    .join-block h2{font-size:30px;line-height: 30px;margin-bottom: 0;}
    .join-block h3{font-size:20px;}
    .join-block p {font-size: 18px;line-height: 23px;}
    .global-summit-logo img{width: 45%;}
}
@media only screen and (min-device-width:768px) and (max-device-width:930px){
    .middle-align{width: 96%;}
    img {max-width: 70%;}
    .main-div{width: 97%;}
    .join-block h2{font-size: 40px; line-height: 40px;}
    .join-block h3{font-size: 28px;}
    .join-block p {font-size: 20px;line-height: 30px;}
}
@media screen and (max-width:767px){
    .middle-align{width: 96%;}
    img {max-width: 50%;}
    .main-div{width: 96%; border: 5px solid #907B56;}
    .join-block {margin:5px 0 40px;}
    .join-block h2{font-size: 20px;line-height: 30px;margin-bottom: 0;}
    .join-block h3{font-size: 18px; margin: 0 0 15px;}
    .join-block p {font-size: 16px;line-height: 23px;}
    .content-block{width: 90%;}
    .global-summit-logo img{width: 45%;}
    .logo {margin-top: 35px;margin-bottom: 10px;}
    .join-block h2 br{display: none;}
}