@import url(https://fonts.googleapis.com/css?family=Lato:300,400,900);.modal{display:inline-block;font-family:"Roboto",Helvetica,Arial,sans-serif;font-weight:400;font-size:16px;line-height:1.5;margin-top:15px;margin-left:32px;float:right}.modal>label{background:#f1c400;border:1px solid #f0c600;color:#fff;cursor:pointer;display:inline-block;padding:0 1.5em;transition:all .55s}.modal>label:hover{transform:scale(.97)}.modal__overlay{background:rgba(45,41,38,.1);bottom:0;left:0;position:fixed;right:0;text-align:center;text-shadow:none;top:0;z-index:600}.modal__wrap{padding:1em 0;position:relative;margin:0 auto;background:#fff;font-family:"Roboto",Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media(min-width:50em){.modal__wrap{padding:1.75em}}@media only screen and (max-device-width:768px){.modal__wrap{width:80%;max-width:100%}}@media only screen and (min-device-width:768px){.modal__wrap{width:90%;max-width:600px}}@media(min-height:845px){.modal__wrap{left:50%;position:absolute;top:30%;transform:translate(-50%,-30%);padding:.75em}}@media(max-height:845px){.modal__wrap{max-width:600px}}.modal__wrap label{background:#f1c400;border-radius:50%;color:#000;cursor:pointer;display:inline-block;height:1.5em;line-height:1.5;position:absolute;right:.5em;top:.5em;width:1.5em}.modal__wrap h2{color:#454545;margin-bottom:1em;font-weight:400;font-size:1.5em}.modal__wrap h3{color:#454545;font-weight:300;margin-bottom:1em}.modal__wrap p{color:#454545;text-align:justify;font-family:"Roboto",Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}.modal input:focus~label{transform:scale(.97)}.col-md-3{width:calc(20% - 8px);float:left;position:relative;min-height:1px;padding-left:4px;padding-right:4px}.country{padding:4px;line-height:1.4;background-color:#fff;border-radius:0;-webkit-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto;margin-bottom:24px;cursor:pointer;-webkit-box-shadow:1px 1px 5px 0 rgba(173,173,173,.48);-moz-box-shadow:1px 1px 5px 0 rgba(173,173,173,.48);box-shadow:1px 1px 5px 0 rgba(173,173,173,.48)}.country:active,.active{-webkit-box-shadow:1px 1px 5px 0 #343434;-moz-box-shadow:1px 1px 5px 0 #343434;box-shadow:1px 1px 5px 0 #343434;background-color:#eee}.country .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:normal;padding-bottom:10px}.country .flag{display:block;max-width:100%;height:auto;border-radius:4px;border:1px solid #efefef}.country .flag:hover{transform:scale(.97)}.country .capital{font-size:.9em;border-bottom:1px solid #ddd;margin-bottom:4px}.translation-text{clear:both;font-size:10px}.alpha-2{text-align:center;font-size:.65em;color:#708090;font-weight:bold;text-transform:uppercase}p::selection{background:#f1c400}.logo{margin-bottom:-13px}a{outline:none;border:none;text-decoration:none}.input{position:absolute;top:-1000px}.modal__overlay{opacity:0;height:100%;z-index:100;transform:scale(0);-webkit-transform:scale(0);-ms-transform:scale(0);transition:all .75s cubic-bezier(.68,-.55,.265,1.55);overflow-y:auto}.input:checked~.modal__overlay{opacity:1;transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);z-index:800}html,body{box-sizing:border-box}