heading.h2{font-family:"Anton";font-size:800%;}
@media screen and (max-width: 810px) {.heading h2 {font-size:600%;}}
@media screen and (min-width: 769px) {.spNone-xs {display: none;}}
@media screen and (max-width: 768px) {.spNone-xss {display: none;} .heading h2 {font-size:500%;}}
@media screen and (max-width: 750px) {.heading h2 {font-size:500%;} figcaptionmenu{opacity:0.8;} section.portfolio{margin-left:1%;}}
@media screen and (max-width: 650px) {.heading h2 {font-size:400%;} section.portfolio{margin-left:2%;}.heading h2 {font-size:400%;} .heading h2:after{width:300px; margin-left:-153px;} h02{  font-size:550%;}}
@media screen and (max-width: 480px) {.heading h2 {font-size:350%;}}
@media screen and (max-width: 400px) {.heading h2 {font-size:350%;}}
.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
transition-duration: 0.2s;
	-webkit-transition-duration: 0.2s;}


p .web{
padding:10px 30px 10px 33px;
width:100%; 
background:rgba(255,255,255,0.2);
margin:20px 0;
border-radius:10px;
border:1px solid #fff;
text-align:center;
transition:all ease-in-out 0.5s; 
letter-spacing:0.2em;
font-weight:bold;
color:#fff
}

p .web a{color:#fff;}

.web:hover{
background:rgba(255,255,255,0.9);
border-radius:0;
letter-spacing:0.2em;
color:#000;
border:1px solid rgba(255,255,255,0.9);
}

p .web a:hover{color:#000}

.webtn{text-align:left}
@media screen and (max-width:768px){
.webtn{text-align:center;margin-top:50px}
}