@media (min-width:768px){.btn-custom{font-size:1.8em;background:#3f9fb7;background:linear-gradient(bottom, #3f9fb7 0%,#4eaec6 100%);background:-webkit-linear-gradient(bottom, #3f9fb7 0%,#4eaec6 100%);box-shadow:0 3px 10px rgba(0,0,0,0.35);color:white;border:0;border-radius:2px;transition:0.6s;font-family:hovecab;}
.box-footer.buttons button{margin:0 15px;width:auto;}
.mobylenone{display:block;}
body{font-size:16px;}
.content{padding-top:25%;}
.content h3{font-size:3em;}
.modal-body form{width:100%;}
#still p{text-align:left;font-size:1.25em;line-height:1.5em;width:80%;margin:auto auto 1em auto;}
#contact .ipod{width:80%;margin:10px auto;display:block;}
#contact form input{width:50%;margin:5px 25%;border:1px solid rgba(0,0,0,0.4);box-shadow:0 2px 10px rgba(0,0,0,0.4);-webkit-box-shadow:0 2px 10px rgba(0,0,0,0.4);-moz-box-shadow:0 2px 10px rgba(0,0,0,0.4);text-align:center;padding:5px 15px;font-size:1.25em;transition:0.6s;}
#contact form{position:absolute;top:50%;transform:translate(0,-60%);left:0;width:60%;margin:0 20%;}
#contact form button{margin:15px auto;width:70%;font-size:1.25em;}
#contact form p{font-size:1.2em;margin:2em 0;}
#about h4{width:90%;margin:auto;}
#best .item-list{width:100%;}
.box-work{background:rgba(255,255,255,0.6);border-radius:5px;border:0;box-shadow:0px 8px 32px rgba(0,0,0,0.4);width:50%;display:inline-table;height:11em;margin:10px 25%;padding:0 4% 0 4%;font-size:1.3em;}
#about p{font-size:1.5em;line-height:1.5em;padding:0 10%;}
.mask h3{top:20%;font-size:2em;}
.content .btn-custom{font-size:1.8em;}
.content p{margin-bottom:3em;font-size:1.5em;}
.modal-title{font-size:2.57em;margin:0 0 0.5em 0;}
.modal-body p{font-size:1.3em;}
.modal-body form input{width:46%;margin:5px auto;border:0;box-shadow:0 2px 10px rgba(0,0,0,0.4);-webkit-box-shadow:0 2px 10px rgba(0,0,0,0.4);-moz-box-shadow:0 2px 10px rgba(0,0,0,0.4);text-align:center;padding:5px 15px;font-size:1.25em;transition:0.6s;}
.modal-body form .btn-custom{margin:1em 0;width:55%;}
}
@media (min-width:992px){.mask h3{top:35%;font-size:3em;}
#contact form button{margin:15px auto;width:60%;font-size:1.25em;}
.content h2{font-size:6em;}
.box-phone{font-size:1.75em;}
#about p{font-size:1.25em;line-height:1.25em;padding:0 10%;}
h4{font-size:1.5em;}
.box-phone p{font-size:1em;}
.play{top:50%;}
.box-work{background:rgba(255,255,255,0.6);border-radius:5px;border:0;box-shadow:0px 8px 32px rgba(0,0,0,0.4);width:30%;display:inline-table;height:14em;margin:35px 1.5%;padding:0 4% 0 4%;font-size:1.3em;}
.modal-body form{width:85%;}
body{font-size:11px;}
#about h3{font-size:2.55em;margin-bottom:2em;}
.content h3{margin-bottom:4.5em;font-size:2.5em;color:#39062e;text-shadow:0 0 10px #FFF;}
.content{padding-top:22em;}
.logo{width:13%;position:absolute;left:0;top:0;}
#about td{width:50%;position:relative;}
#best .row>table>tbody>tr>td{width:33.3%;}
#best .row>table>tbody>tr>td:nth-child(2n-1){width:32.5%;position:relative;display:table-cell;vertical-align: top;}
#best .row>table>tbody>tr>td:nth-child(2){position:relative;width:inherit;display:block;}
#best .row>table>tbody>tr>td:nth-child(1){}
.box{width:65%;}
#still td{width:50%;position:relative;}
#about td:nth-child(2),#still td:nth-child(2){position:relative;width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.spindown{display:block;}
}
@media (min-width:1200px){body{font-size:11px;}
.content{padding-top:14%;}
#contact td{width:50%;position:relative;}
}
@media (min-width:1440px){body{font-size:11px;}
.content{padding-top:23%;}
}
@media (min-width:1560px){body{font-size:12px;}
.content{padding-top:19%;}
}
@media (min-width:1800px){body{font-size:14px;}
.content{padding-top:27%;}
.content p {font-size: 1.7em;}
}