/*CSS Reset*/ html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {  margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}:focus {    outline: 0;}article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {	display: block;}body {	line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {content: '';	content: none;}table {border-collapse: collapse;border-spacing: 0;}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration { -webkit-appearance: none; -moz-appearance: none;}input[type=search] { -webkit-appearance: none; -moz-appearance: none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}textarea {overflow: auto; vertical-align: top; resize: vertical;}audio,canvas,video { display: inline-block; *display: inline; *zoom: 1; max-width: 100%;}audio:not([controls]) {  display: none; height: 0;}[hidden] { display: none;}html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }a:focus { outline: thin dotted;}a:active,a:hover { outline: 0;}img { border: 0;-ms-interpolation-mode: bicubic; }figure {margin: 0;}form { margin: 0;}fieldset { border: 1px solid #c0c0c0; margin: 0 2px;padding: 0.35em 0.625em 0.75em;}legend {  border: 0; padding: 0; white-space: normal; *margin-left: -7px;}button,input,select,textarea { font-size: 100%;margin: 0; vertical-align: baseline; *vertical-align: middle; }button,input { line-height: normal;}button,select {text-transform: none;}button,html input[type="button"],input[type="reset"],input[type="submit"] { -webkit-appearance: button;cursor: pointer; *overflow: visible;}button[disabled],html input[disabled] { cursor: default;}input[type="checkbox"],input[type="radio"] { box-sizing: border-box; padding: 0;*height: 13px; *width: 13px; }input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box;-webkit-box-sizing: content-box; box-sizing: content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}textarea {overflow: auto; vertical-align: top; }table { border-collapse: collapse; border-spacing: 0;}html,button,input,select,textarea {color: #222;}::-moz-selection { background: #b3d4fc;text-shadow: none;}::selection { background: #b3d4fc; text-shadow: none;}img { vertical-align: middle;}fieldset { border: 0; margin: 0; padding: 0;}textarea { resize: vertical;}.chromeframe { margin: 0.2em 0;background: #ccc; color: #000; padding: 0.2em 0;}
body {
    font-family: 'Lato', sans-serif;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 95px;
}


/*SINGOLO*/
.singolo {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.singolo header{
    background-color: rgb(45, 48, 58);
    width: 940px;
    padding-left:40px;
    padding-right:40px;
    padding-top:30px;
    border-bottom: 6px solid rgb(50, 55, 70);
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    align-items: flex-end;
    padding-bottom: 33px;
    position: fixed;
    z-index: 999999999999;
    margin-top: -95px;
}

.singolo .burger{
    display: none;
}

.singolo .burgerLi{
    display: none;
}

.singolo h1{
    font-size: 1.555em;
    font-weight: 600;
    color: white;
    margin-top:2px;
    letter-spacing: -0.015em;
    font-stretch: extra-condensed;
}

.singolo h1::after{
    content: '*';
    color: rgb(240, 108, 100)
}

.singolo .menu{
    color: white;
    display: flex;
    font-size: 0.7812em;
    letter-spacing: -0.04em;
    font-stretch: extra-condensed;
    font-weight: 600;
}

.singolo .menu a{
    text-decoration: none;
    color: inherit;
    font-size: inherit;
    letter-spacing: inherit;
    font-stretch: inherit;
    font-weight: inherit;
}

.singolo li:hover{
    color: rgb(240, 108, 100);
}
.activeMenu {
    color: rgb(240, 108, 100);
}
.singolo li{
    margin-right: 30px;
}
.singolo li:nth-child(5){
    margin-right: 0;
}
.singolo .dt::after{
    content: '·';
    color: rgb(73, 78, 98);
    position: absolute;
    margin-left:13px;
}

.singolo main{
    transition: background-color 2s, border-bottom 2s;
    width: 940px;
    padding-left:40px;
    padding-right:40px;
    background-color: rgb(240, 108, 100);
    border-bottom: 6px solid rgb(234, 103, 107);
    display: flex;
    align-items: center;
    padding-top: 38px;
    padding-bottom: 43px;
}

.singolo .bgSlide{
    transition: background-color 2s, border-bottom 2s;
    background-color: #648BF0;
    border-bottom: 6px solid #648BF0;
}

.sliderContain{
    display: flex;
    margin-left: 72px;
    overflow: hidden;
   
}

.slide1{
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 15px;
    margin-bottom: 15px;
    transition-property: left;
    transition: left 5s ease-out;
    width: 900px;
    
    
    
}

.slide2{
    display: flex;
    align-items: center;
    margin-left: 100px;
    margin-right: 97px;
    position: relative;
    width: 900px;
}



.moveToLeft{
    transition: transform 2s;
    transform: translateX(-130%);
}

.moveToRight{
    transition: transform 2s;
    transform: translateX(130%);
}

.moveToCenter{
    transition: transform 2s;
    transform: translateX(0);
}
.moveL{
    transition: transform 2s;
    transform: translateX(-260%);
}



.singolo .left{
    cursor: pointer;
    box-sizing: border-box;
    margin-right: 54px;
    margin-left: 2px;
    position: absolute;
}

.singolo .vert{
    display: flex;
    margin-right: 73px;
}

.blackVert{
    transition: opacity 1s;
    background-color: black;
    position: absolute;
    width: 190px;
    height: 335px;
    margin-left: 13px;
    margin-top: 64px;
    opacity: 0;
}

.blackHor{
    transition: opacity 1s;
    background-color: black;
    position: absolute;
    width: 335px;
    height: 190px;
    margin-left: 59px;
    margin-top: 13px;
    opacity: 0;
}

.blackOpa{
    transition: opacity 1s;
    opacity: 100;
}

.singolo .hor{
    margin-top: -1px;
    display: flex;

}

.singolo .right{
    cursor: pointer;
    margin-right: 10px;
    margin-left: 925px;
    position: absolute;
}

.singolo .left:hover{
    background-image: url('./assets/leftHover.png');
} 

.singolo .right:hover{
    background-image: url('./assets/rightHover.png');
} 

.singolo footer{
    width: 940px;
    padding-left:40px;
    padding-right:40px;
    padding-top: 63px;
    background-color: rgb(242, 242, 242);
    border-bottom: 6px solid white;
    color: rgb(125, 130, 153);
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 28px;
}

.singolo h2{
    font-size:1.86em;
    font-weight:900;
    margin-bottom: 21px;

}

.singolo .footerInfo p{
    line-height: 1.7em;
    font-size:1.12em;
    letter-spacing: 0.0103em ;
    font-weight: 300;
    word-spacing: 0.00009em;

}
.singolo .footerInfo .footp2{
    word-spacing: -0.06em;
}

.singolo .advantages{
    margin-top:47px;
    display: flex;
    flex-wrap: wrap;
    margin-left:1px;
}

.singolo .footAdv{
    margin-left:22px;
}

.singolo .advantages span{
    display: flex;
    width: 293px;
    flex-wrap: nowrap;
    margin-right:20px;
    margin-bottom: 34px;
}

.singolo .advantages{
    display: flex;
    flex-wrap: wrap;
}


.singolo h3{
    font-size: 1.1em;
    font-weight: 900;
    margin-top: -1px;
    margin-bottom: 10px;
    margin-left: 0px;
}
.singolo footer .advantages .footAdv p{
    font-size: 0.7em;
    line-height: 1.9em;
    text-align: justify;
    letter-spacing: 0.027em;
}



/*PORTFOLIO*/

.portfolio .portfolio {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.portfolio header{
    width: 940px;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 70px;
    background-color: rgb(45, 48, 58);
    color: rgb(102, 109, 137);
}
.portfolio main{
    width: 940px;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
    flex-wrap: wrap;
    background-color: rgb(45, 48, 58);
}

.portfolio footer{
    width: 940px;
    padding-left: 40px;
    padding-right: 40px;
    background-color: rgb(242, 242, 242);
    color: rgb(102, 109, 137);
}

.portfolio h1{
    font-size: 1.85em;
    font-weight: 900;
    margin-top: -6px;
    margin-bottom: 28px;
}

.portfolio .header{
    font-size: 1.1em;
    letter-spacing: -0.003em;
    margin-bottom: 17px;
}

.portfolio .nav{
    display: flex;
    flex-wrap: nowrap;
}

.portfolio .nav li{
    border: 1px solid rgb(102, 109, 137);
    border-radius: 5px;
    font-size: 0.75em;
    margin-right: 10.5px;
    font-weight: 600;
    letter-spacing: -0.01em;
}

.portfolio .nav li:hover{
    color: rgb(222, 222, 222);
    border-color: rgb(222, 222, 222);
    cursor: pointer;

}


.portfolio .nav li:nth-child(1){
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 7px;
    padding-right: 6.3px;
}

.portfolio .nav .navActive{
    color: rgb(222, 222, 222);
    border-color: rgb(222, 222, 222);
}
.portfolio .nav li:nth-child(2){
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 6px;
    padding-right: 6px;
}
.portfolio .nav li:nth-child(3){
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 5px;
    padding-right: 5.6px;
}
.portfolio .nav li:nth-child(4){
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 5.5px;
    padding-right: 4.5px;
}

.portfolio main{
    border-bottom: 6px solid rgb(50, 55, 70);
    padding-bottom: 67px;
    padding-top: 19px;
    padding-bottom: 37px;
    
}

.portfolio .content{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    height: 611px;
    overflow: hidden;
}

.portfolio .content .img{
    width: 220px;
    height: 187px;
    
}

.portfolio main div{
    margin-bottom: 20px;
}
.portfolio .flexStart{
    width: 100%;
    display: flex;
    align-items: flex-start; 
}
.imgNone{
    display: none;
}

.content .img img{
    width: 100%;
}


.content .img .imgActive{
    transition: border 0.1s;
    box-sizing: border-box;
    border: 5px solid #F06C64;
}

.portfolio footer{
    display: flex;
    flex-wrap: wrap;
    border-bottom: 6px solid white;
    padding-bottom: 67px;
}

.portfolio h2{
    margin-top: 63px;
    font-size: 1.85em;
    font-weight: 900;
    margin-bottom: 22px;
}

.portfolio .reviewsDiv{
    display: flex;
    flex-direction: column;
    width: 300px;
}
.portfolio footer p{
    font-size: 1.1em;
    text-align: justify;
    font-weight: 300;
    letter-spacing: 0.01em;
    line-height: 1.76em;
    margin-bottom: 43px;
}

.portfolio .twoLine{
    letter-spacing: 0.008em;
    word-spacing: 0.01em;
}

.portfolio .reviews{
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.portfolio h3{
    margin-top: 18.5px;
    font-weight: 900;
    font-size: 1.12em;
    margin-bottom: 10px;
    letter-spacing: -0.007em;
    height: 1em;
    overflow: hidden;
}



.portfolio .reviewsDiv p{
    letter-spacing: -0.003em;
    text-align: justify;
    line-height: 1.76em;
    font-size: 0.75em;
    font-weight: 400;
    margin-bottom: 24px;
}
.portfolio .footerFix p{
    letter-spacing:-0.007em ;
}

.portfolio .footerTwoLine{
    letter-spacing: 0em;
    word-spacing: 0em;
}

.portfolio .social{
    margin-left : 1.4px;
}

.portfolio .social img{
    margin-right: 5px;
    cursor: pointer;
}
.portfolio .social img:nth-child(1):hover{
    background-image: url("./assets/singolo2/fbHover.png");
}
.portfolio .social img:nth-child(2):hover{
    background-image: url("./assets/singolo2/gooHover.png");
}
.portfolio .social img:nth-child(3):hover{
    background-image: url("./assets/singolo2/twHover.png");
}
.portfolio .social img:nth-child(4):hover{
    background-image: url("./assets/singolo2/instHover.png");
}

/*GETQUOTE*/

.getQuote {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.getQuote .info{
    width: 940px;
    padding-left: 40px;
    padding-right: 40px;
    background-color: rgb(240, 108, 110);
    color: rgb(240, 216, 217);
}
.getQuote .contain{
    width: 940px;
    padding-left: 40px;
    padding-right: 40px;
    background-color: rgb(240, 108, 110);
    border-bottom:6px solid rgb(234, 103, 107) ;
    color: rgb(240, 216, 217);
}
.getQuote footer{
    width: 940px;
    padding-left: 40px;
    padding-right: 40px;
    background-color: rgb(45, 48, 58);
}

.getQuote .info h1{
    margin-top: 63px;
    font-weight: 900;
    font-size: 1.85em;
}

.getQuote .info p{
    margin-top: 21px;
    font-size: 1.18em;
    font-weight: 300;
    letter-spacing: -0.019em;
    text-align: justify;
    line-height: 1.6em;
}
.getQuote .contain{
    padding-top: 44px;
}
.getQuote form{
    display: flex;
    flex-wrap: wrap;
}
.getQuote input{
    box-sizing: border-box;
    width: 619px;
    border: none;
    height: 38px;
    border-radius: 5px;
    margin-bottom: 16px;
    background-color: rgb(214, 86, 79);
    color: rgb(240, 216, 217);
    padding-left: 14.5px;
    padding-bottom: 3px;
    
}
.getQuote input::placeholder{
    color: rgb(236, 127, 128);
    font-size: 0.75em;
    font-weight: 600;
    letter-spacing: -0.002em;
    
    font-family: 'Lato', sans-serif;

    
}
.getQuote textarea {
    box-sizing: border-box;
    resize: none;
    width: 619px;
    border: none;
    border-radius: 5px;
    margin-bottom: 16px;
    height: 202px;
    background-color: rgb(214, 86, 79);
    color: rgb(240, 216, 217);
    padding-left: 15px;
    padding-top: 11px;
}

.getQuote textarea::placeholder{
    color: rgb(236, 127, 128);
    font-size: 0.7em;
    font-weight: 600;
    font-family: 'Lato', sans-serif;
    letter-spacing: 0.02em;


}
.getQuote button{
    width: 619px;
    border: none;
    border-radius: 5px;
    height: 36px;
    background-color: rgb(167, 75, 67);
    color: rgb(240, 216, 217);
    font-family: 'Lato', sans-serif;

}

.getQuote button:active{
    box-shadow:inset 0 0 10px rgb(240, 216, 217);
}

.getQuote .contain{
    display: flex;
    flex-wrap: nowrap;
    padding-bottom: 14px;
    
}

.getQuote .contact{
    margin-left: -244px;
}

.getQuote h3{
    margin-top: 1px;
    font-size: 1.11em;
    font-weight: 900;
}

.getQuote .contact p{
    font-size: 0.7em;
    font-weight: 400;
    line-height: 1.97em;
    margin-top: 10px;
    letter-spacing: 0.023em;
    text-align: justify;
}
.getQuote .contacts{
    margin-top: 25px;
}
.getQuote .contacts li{
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 11px;
    align-items: flex-end;

}

.getQuote .contacts li:nth-child(1){
    margin-bottom: 10px;
}
.getQuote .contact div{
    width: 13px;
    height: 11px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-right: 9px;
}


.getQuote a{
    text-decoration: none;
    color: rgb(240, 216, 217);
    font-size: 0.75em;
    margin-bottom: -1px;

}

.getQuote footer{
    padding-top: 21px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 23px;
}

.getQuote .copy{
    margin-left: 2px;
    color: rgb(90, 94, 119);
    font-size: 0.74em;
    font-weight: 600;
    letter-spacing: -0.01em;
}

.getQuote .social img{
    margin-left: 4.6px;
}

.getQuote .social{
    margin-top: 1px;
}

.getQuote .social img:hover{
    background-color:rgb(240, 216, 217);
    border-radius: 50%;
    cursor: pointer;
}


.modal{
    transition: opacity 1s;
    z-index: 9999999999999999999999999999999999999;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(10, 10, 10, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    visibility: hidden;
    opacity: 0;
    margin-top: -95px;

}


.modal .message{
    background-color: rgb(48, 78, 133);
    display: flex;
    flex-wrap: wrap;
    width: 300px;
    padding: 30px;
    border-radius: 7px;
    color: white;
    

}
.modal .message input{
    width: 100%;
    border: none;
    border-radius: 5px;
    margin-top: 20px;
    height: 30px;
}
.modal .message input:hover{
    background-color: rgb(158, 158, 73);
}

.modal .message input:active{
    background-color: rgb(56, 56, 33);
}
.modal .message p{
    width: 100%;
    margin-bottom: 10px;
    font-weight: 700;
    color: rgb(250, 250, 162);
}
.modal .message p span{
    width: 100%;
    font-weight: 500;
    color: rgb(236, 236, 175);
}
.modal .message h2{
    margin-left: auto ;
    margin-right: auto ;
    margin-bottom: 10px;
    color: rgb(250, 250, 162);
    font-weight: 700;
}

@media screen and (min-width: 768px) and (max-width:1019px){
    .singolo header{
        width: 689px;
    }

    .singolo main{
        padding: 0;
        width: 768px;
        height: 442px;
    }
    
    .sliderContain{
     margin-left: 85px;
     width: 600px;
    }
    
    .slide1{
        margin: 0;
        width: 600px;
    }

    .slide2{
        margin-left: 40px;
        width: 600px;
    }

    .singolo main .vert img{
        width: 100%;
    }
    .singolo main .vert{
        width: 163px;
        margin-right: 40px;
        margin-left: 30px;
    }

    .singolo main .hor img{
        width: 100%;
    }
    .singolo main .hor{
        width: 345px;
        margin-right:0px;
    }

    .singolo .right{
        margin-left: 720px;
    }

    .singolo .left{
        margin-left: 30px;
    }

    .singolo .slide2 img{
        height: 345px;
    }

    .blackVert{
        margin-left: 9px;
        margin-top: 44px;
        width:128.5px;
        height: 227px;
    }

    .blackHor{
        height: 135px;
        width: 238.5px;
        margin-left: 42px;
        margin-top: 10px;
    }

    .singolo footer{
        width: 689px;
    }

    .singolo .advantages{
        justify-content: space-between;
    }
    
    .portfolio header{
        width: 689px;

    }

    .portfolio main{
        width: 689px;
    }

    .portfolio footer{
        width: 689px;
    }
    .portfolio .content{
        overflow: visible;
        height: 100%;
        align-items: flex-start;
    }

    .portfolio .reviewsDiv{
        width: 217px;
    }

    .portfolio .photo img{
        width: 217px;
    }

    .getQuote .info{
        width: 689px;
    }

    .getQuote .contain{
        width: 689px;
    }
    .getQuote footer{
        width: 689px;
    }

    .getQuote input{
        width: 442px;
    }
    .getQuote textarea{
        width: 442px;
    }

    .getQuote button{
        width: 442px;
    }

    .getQuote .contact{
        margin-left: 0;
    }

    .getQuote .copy{
        display: none;
    }

    .getQuote footer{
        justify-content: center;
    }

}

@media screen and (min-width: 0) and (max-width: 767px){
    body{
        width: 375px;
        margin-top: 92px;
        margin-left: auto;
        margin-right: auto;
       
    }
    
    .singolo header{
        width: 315px;
        padding: 30px;
        justify-content: center;
        align-items: center;
        margin-top: -92px;
    }

    .singolo .burger{
        display: block;
        position: absolute;
        left:0;
        margin-left: 20px;
    }

    .singolo .burgerLi{
        display: block;
        position: absolute;
    }
    .singolo .menu{
        transition: transform 0s, opacity 1s;
        position: fixed;
        flex-wrap: wrap;
        background-color: rgb(45, 48, 58);
        z-index: 99998;
        top: 0;
        width: 278px;
        margin-left: -50px;
        height: 100vh;
        padding-top: 232px;
        align-content: flex-start;
        opacity: 0;
        visibility: hidden;
        
    }

    .blackVert{
        margin-left: 4px;
        margin-top: 21px;
        width:64px;
        height: 112px;
    }

    .blackHor{
        height: 63px;
        width: 111px;
        margin-left: 20px;
        margin-top: 4px;
    }

    .burgerLi{
        margin-top: -202px;
        margin-left: 25px;
    }
    .imgBurger{
        transform: rotate(90deg);
    }

    .imgLogo{
        margin-left: 30px;
    }

    .singolo .menu .mob{
        padding-left: 20px;
        font-size: 1.8em;
        margin-left: 51px;
        margin-bottom: 30px;
    }
    .singolo .dt::after{
        content: '';
    }

    body .parang{

        width: 375px;
        height: 100%;
        position: fixed;
        background-color: rgba(0, 0, 0, 0.7);
        z-index: 1000;
        visibility: hidden;
    }

    .vert img{
        width: 80px;
    }

    .hor img{
        height: 80px;
    }

    .slide2 img{
        height: 190px;
    }

    .singolo main .slide1{
        margin-left: 35px;
    }
    .singolo main .slide2{
        margin-left: 52px;
    }

    .singolo main .slide1 .vert{
        margin-right: 10px;
    }

    .singolo main .sliderContain {
        margin-left: 0;
    }

    .singolo main .left{
        margin-left: -20px ;
    }

    .singolo main .right{
        margin-left: 315px ;
    }

    .singolo main{
        width: 315px;
        padding: 30px;
    }

    .singolo footer{
        width: 315px;
        padding: 30px;
    }

    .portfolio header{
        width: 315px;
        padding: 30px;
    }

    .portfolio main{
        width: 315px;
        padding: 30px;
    }

    .portfolio main .content .img{
        width: 150px;
        height: 128px;
        margin: 0 0 10px;
    }

    .portfolio main .content{
        overflow: visible;
        height: 100%;
    }
    .portfolio main img{
        width: 100%;
    }

    .portfolio footer{
        width: 315px;
        padding: 30px;
    }

    .portfolio .reviews{
        flex-wrap: wrap;
    }

    .portfolio .reviewsDiv{
        margin-bottom: 30px;
    }


    .getQuote .info{
        width: 315px;
        padding: 30px;
    }

    .getQuote .contain{
        width: 315px;
        padding: 30px;
    }

    .getQuote footer{
        width: 315px;
        padding: 30px;
    }

    .getQuote input{
        width: 315px;
    }

    .getQuote textarea{
        width: 315px;
    }

    .getQuote button{
        width: 315px;
    }

    .getQuote .form{
        width: 315px;
    }

    .getQuote .contain{
        flex-wrap: wrap;
    }

    .getQuote .contact{
        width: 100%;
        margin: 0;
        margin-top: 30px;
    }

    .getQuote .copy{
        display: none;
    }

    .getQuote footer{
        justify-content: center;
    }

}